:root {
  /* 主要品牌色，用于重要元素、链接和按钮 */
  --color-primary: #7C8B6E;
  /* 主要品牌色的浅色变体，用于悬停状态和次要强调 */
  --color-primary-light: #33392E;
  /* 强调色，用于突出显示和特殊效果 */
  --color-accent: #E4E2D6;
  /* 主要文本颜色，用于标题和重要文字 */
  --color-text-main: #33392E;
  /* 次要文本颜色，用于描述性文字和辅助信息 */
  --color-text-secondary: #A69B7C;
  /* 深色文本，用于导航栏和深色背景上的文字 */
  --color-text-dark: #33392E;
  /* 背景色，用于页面背景和卡片背景 */
  --color-background: #F3F4EE;
  --footer-text1: "特斯拉生活提案所 TEHO";
  --footer-text2: "© Copyright TEHO Since 2026";
  --logo-url-mobile: url("https://img.shaner.com.tw/TEHO/LOGO/LOGO.png");
  /* 手機版Logo建議橫版、高約50px */
  --logo-url-pc: url("https://img.shaner.com.tw/TEHO/LOGO/LOGO.png");
  /* 電腦Logo方形直板高約90px、橫板需測試 */
}

/* 針對圖 2 分頁標籤的修改 */
#navbar123 .btn123 {
    transition: all 0.3s ease; /* 增加平滑過渡效果，選加 */
    display: block;            /* 確保填滿點擊區域 */
    text-decoration: none;     /* 移除超連結底線 */
}

/* 當滑鼠移過去 (Hover) 時的樣式 */
#navbar123 .btn123:hover {
    background-color: #E4E2D6 !important; /* 背景改為淺亞麻色 */
    color: #33392E !important;            /* 強制文字變回木炭綠，解決字看不見的問題 */
}

/* 如果是「目前選中」的狀態 (active) 也要確保字看得到 */
#navbar123 .btn123.active123 {
    background-color: #33392E; /* 選中時為木炭綠背景 */
    color: #7C8B6E;            /* 選中時的文字顏色為鼠尾草綠 */
}

/* --- 針對 FAQ 摺疊選單的修改（米白底 + 木炭綠文字） --- */

/* 1. 主動設定背景為米白色，文字為木炭綠，不讓平台預設黑底跑出來 */
.collapsibleadam {
    background-color: #F3F4EE !important;
    color: #33392E !important;
    border-bottom: 1px solid rgba(51, 57, 46, 0.08) !important;
    cursor: pointer; /* 讓滑鼠移上去顯示手指形狀 */
    transition: background-color 0.3s, color 0.3s; /* 讓變色更平滑 */
}

/* 2. 當滑鼠移過去 (Hover) 時：背景變亞麻色，字保持木炭綠 */
.collapsibleadam:hover {
    background-color: #E4E2D6 !important;
    color: #33392E !important;
}

/* 3. 修正原本可能存在的變黑問題 */
/* 如果原本版型有設定 summary:hover，這行可以確保它不會變回全黑 */
details summary:hover {
    color: #33392E !important;
}
/* --- 針對提交按鈕的修改 --- */

/* 確保按鈕預設顏色（背景鼠尾草綠，字白色） */
.btnsubmit {
    background-color: #7C8B6E;
    color: #FFFFFF;
    border: none;
    transition: all 0.3s ease;
}

/* 當滑鼠移過去 (Hover) 時：背景變亞麻色，字變木炭綠 */
.btnsubmit:hover {
    background-color: #E4E2D6 !important;
    color: #33392E !important;
    cursor: pointer; /* 增加手型游標 */
}


/* --- 針對導航選單 (圖1區域) 的修改：導覽列改米白底，搭配黑色 Logo --- */

/* 0. 導覽列背景改為米白色，讓黑色 Logo 有足夠對比（含最外層 .navbar，避免深色背景從縫隙漏出） */
.navbar, .navbar-nav, #navbar123 {
    background-color: #F3F4EE !important;
}

/* 1. PC 版與手機版導航連結：預設木炭綠文字 */
.navbar-nav .nav-item .each a .text,
.navbar-nav .nav-item .each a,
.sub li a .text {
    color: #33392E !important;
}

/* 1b. 滑鼠移入時文字變鼠尾草綠 */
.navbar-nav .nav-item .each a:hover .text,
.navbar-nav .nav-item .each a:hover,
.sub li a:hover .text {
    color: #7C8B6E !important; /* 強制文字變為鼠尾草綠 */
    transition: color 0.2s ease; /* 增加平滑感 */
}

/* 2. 針對手機版展開後的分類與會員標題 (選加) */
.mobile-menu-title, .mobile-member-menu .text {
    /* 如果您希望手機版選單內的文字平常或移入也變色，可在此調整 */
}

/* 3. 確保圖 1 的背景懸停不要變黑（再次強化） */
.navbar-nav .nav-item .each:hover {
    background-color: transparent !important; /* 確保背景不會變色干擾文字 */
}

/* --- Logo 尺寸設定（依 :root 內建議尺寸鎖定顯示大小） --- */
.display-desktop img {
    height: 90px !important;  /* 電腦Logo方形直板高約90px */
    width: auto !important;
}

.display-mobile img {
    height: 50px !important;  /* 手機版Logo橫版、高約50px */
    width: auto !important;
}

/* 確保整個容器背景為米白色 */
.containeradam {
  background: #F3F4EE; /* 米白背景，呼應鼠尾草居家調性 */
  padding: 30px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  /* 增加一個淡淡的陰影，讓白色容器在頁面上更有層次感 */
  box-shadow: 0px 5px 15px rgba(0,0,0,0.1);
}

/* 如果你的星星（Font Awesome）原本是白色的，記得改顏色 */
.star-widget label {
  font-size: 40px;
  color: #A69B7C; /* 未選中時的竹木棕色 */
  padding: 10px;
  float: right;
  transition: all 0.2s ease;
  cursor: pointer;
}

/* 選中後的星星顏色（暖金色，與鼠尾草綠呼應） */
input:not(:checked) ~ label:hover,
input:not(:checked) ~ label:hover ~ label,
input:checked ~ label,
input:checked ~ label ~ label {
  color: #D9A05B;
}

/* 文字顏色調整（限定在星星評分區塊內，避免 .text 這種通用 class 打到其他按鈕，例如右下角浮動購物車按鈕） */
.containeradam .please, .containeradam .text {
  color: #33392E;
  font-weight: 500;
  text-align: center;
}

/* 上方會員購物車按鈕顏色 */
.nav-menu-tool>li>a,
.nav-menu-tool>li>button,
.head-tool a,
.head-tool button  {
  color: #33392E !important;
}
.navbar-toggler .icon-bar {
    background-color: #33392E !important;
}