/*
 Theme Name:   心彩堂工作室-Macchiato瑪奇朵佈景主題 Child
 Theme URI:    https://yourwebsite.com/macchiato
 Description:  Macchiato 是一個現代、靈活且易於客製化的 WordPress 佈景主題，整合了 Bootstrap 5，支援 Elementor 頁面編輯器，同時保持程式碼簡潔和高效能。適合用於各種網站專案的快速開發。
 Author:       瑪奇朵
 Author URI:   https://yourwebsite.com
 Template:     usagimori-theme-macchiato
 Version:      0.3.0
 License:      MIT
 License URI:  https://mit-license.org/
 Text Domain:  macchiato
*/

/*
 自訂 CSS
*/
/* ============================= */
/* 基礎變數與全域設定 */
/* ============================= */
:root {
  --primary: #5b4cfd;
  --secondary: #a2d2ff;
  --accent: #bce4a3;
  --text-primary: #acd496;
  --dark: #4a4e69;
  --light: #f8f9fa;
  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6c757d;
  --gray-700: #495057;
  --gray-800: #343a40;
  --transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --bs-primary-rgb: 172, 212, 150;
  --bs-info-rgb: 51, 136, 204;
  --bs-link-color: #acd496;
  --bs-body-font-family: "Noto Sans TC", "Microsoft JhengHei", "微軟正黑體",
    sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", "Noto Sans TC", "Microsoft JhengHei",
    "微軟正黑體", monospace;
}

body {
  overflow-x: hidden;
  color: var(--gray-700);
  line-height: 1.7;
  background-color: #ffffff;
}


#primary-menu {
	gap: 10px; 
}

#primary-menu .nav-link {
	padding: 6px 20px;
	font-weight: 400; 
	border-radius: 50px; 
}

#primary-menu .nav-link.active {
	background-color: var(--primary);
	color: white;
	font-weight: bold; 
}


#cgs-quote-form {
	margin-top: 9vh;
	margin-bottom: 12vh;
}

.cgs-btn-next {
	margin-left: auto; 
}