/* =========================================================
   Sursun 全站配色（改這一區的顏色，全站一起換）
   ========================================================= */
:root {
  --brand:        #164ea1;  /* 品牌藍（取自 Logo）：連結、按鈕、重點標題 */
  --brand-dark:   #0f3a7a;  /* 品牌藍：滑鼠移上去 */
  --navy:         #0f2a4a;  /* 深藍灰：標題、頁尾、深色區塊 */
  --text:         #3d4752;  /* 內文文字 */
  --text-muted:   #5b6672;  /* 次要文字 */
  --steel-50:     #f3f5f7;  /* 淺鋼灰：大面積底色 */
  --steel-tint:   #e8eef6;  /* 淺藍灰：區塊底色 */
  --line:         #d9dee4;  /* 細線、邊框 */
  --copper:       #a65a2e;  /* 銅色點綴：次要按鈕 */
  --copper-dark:  #8a4a24;
  --copper-light: #d08a58;  /* 銅色：深色底上的點綴線 */
}

/* ---- 文字與連結 ---- */
body { color: var(--text); }
a, a:hover { color: var(--brand); }
.text-primary { color: var(--brand) !important; }
a.text-primary:hover, a.text-primary:focus { color: var(--brand-dark) !important; }
section[class*="cid-"] .mbr-text,
section[class*="cid-"] .mbr-section-subtitle,
section[class*="cid-"] .mbr-content-text,
section[class*="cid-"] .panel-text,
section[class*="cid-"] p { color: var(--text); }
section[class*="cid-"] h1, section[class*="cid-"] h2,
section[class*="cid-"] h3, section[class*="cid-"] h4 { color: var(--navy); }

/* ---- 按鈕 ---- */
.btn-primary, .btn-primary:active { background-color: var(--brand) !important; border-color: var(--brand) !important; color: #fff !important; }
.btn-primary:hover, .btn-primary:focus { background-color: var(--brand-dark) !important; border-color: var(--brand-dark) !important; color: #fff !important; }
.btn-secondary, .btn-secondary:active { background-color: var(--copper) !important; border-color: var(--copper) !important; color: #fff !important; }
.btn-secondary:hover, .btn-secondary:focus { background-color: var(--copper-dark) !important; border-color: var(--copper-dark) !important; color: #fff !important; }

/* ---- 頁首：白底、深藍文字 ---- */
.cid-qTkzRZLJNu .navbar { background: #fff !important; box-shadow: 0 1px 0 var(--line), 0 2px 10px rgba(15,42,74,.08); }
.cid-qTkzRZLJNu .nav-link, .cid-qTkzRZLJNu .nav-link.text-primary { color: var(--navy) !important; font-weight: 500; }
.cid-qTkzRZLJNu .nav-link:hover, .cid-qTkzRZLJNu .dropdown-item:hover { color: var(--brand) !important; }
.cid-qTkzRZLJNu .dropdown-item.text-primary { color: var(--navy) !important; }
.cid-qTkzRZLJNu .dropdown-item:hover { background: var(--steel-tint) !important; }
.cid-qTkzRZLJNu .navbar-caption { color: var(--navy) !important; }
.cid-qTkzRZLJNu .sx-burger span, .cid-qTkzRZLJNu button.navbar-toggler .hamburger span { background: var(--brand) !important; }

/* ---- 首頁主視覺 ---- */
.cid-qTkA127IK8 h1, .cid-rYWmyG9CkX h1 { color: var(--navy) !important; }
.cid-qTkA127IK8 .mbr-text, .cid-rYWmyG9CkX .mbr-text { color: #1b2733 !important; }

/* ---- 各區塊底色 ---- */
.cid-rYWePkEqoV, .cid-vvaQVYgkkX { background-color: var(--steel-50); }          /* About 時間軸、Product 卡片區 */
.cid-vvxoQ2Ll7U { background-color: var(--steel-tint); }                          /* 聯絡資訊、證書區 */
.cid-vvxreGDqPd .card-img span { color: var(--brand); }                           /* ISO / RoHS / RMI 圖示 */
.cid-rYWGdeItxB { background-color: var(--steel-tint); }                          /* Equipment 分條特點 */
.accordion2.eq-spec .eq-card { background: #fff; border: 0; border-left: 4px solid var(--brand); box-shadow: 0 2px 12px rgba(15,42,74,.10); }
.accordion2.eq-spec .eq-card-title { border-bottom-color: var(--line); }
.cid-rYX3AH67ws { background: linear-gradient(180deg, var(--navy), var(--brand)); }  /* Product 下方材料表 */
.cid-rYWMhDAmLf { background: var(--navy); }                                       /* Equipment 影片區 */

/* ---- 頁尾 ---- */
#footer1-2 h5 { border-bottom-color: var(--copper-light) !important; }
#footer1-2 a:hover { border-bottom-color: var(--copper-light) !important; }