/* ==========================================================================
   1. 品牌基礎變數設定 (:root)
   ========================================================================== */
:root {
  /* 維持黑色，這能完美拯救下方的商品頁籤 */
  --color-primary: #000000;
  --color-primary-light: #333333;
  --color-accent: #f2f2f2;
  --color-text-main: #ffffff;
  --color-text-secondary: #999999;
  --color-text-dark: #000000;
  --color-background: #ffffff;

  --footer-text1: "細節的總和，定義了效率的上限。終結將就的桌面生活，精準觸發你的美學意識。";
  --footer-text2: "© Copyright Tri99er Studio Since 2026";
  --logo-url-mobile: url("https://img.shaner.com.tw/Tri99er Studio/logo/手機版.png");
  --logo-url-pc: url("https://img.shaner.com.tw/Tri99er Studio/logo/電腦版.png");
}

/* ==========================================================================
   2. 強制指定頂部導覽列基本顏色（你提供的那段有效代碼）
   ========================================================================== */
.navbar, .nav-menu, #header, header, nav {
  background-color: #000000 !important; /* 確保 Bar 條絕對是黑底 */
}

.navbar a, .nav-menu a, header a, nav a {
  color: #ffffff !important; /* 確保平常文字絕對是白字 */
}

/* ==========================================================================
   3. 【關鍵修正】強制消滅頂部黑條滑鼠移上去時的「文字反黑」問題
   ========================================================================== */
/* 不管 1shop 的系統怎麼判定，我們用最高優先權強制：上方文字滑過去時背景是深灰、字體絕對是純白！ */
.navbar a:hover, 
.nav-menu a:hover, 
header a:hover, 
nav a:hover,
.navbar-nav a:hover,
.nav-link:hover {
  background-color: #333333 !important; /* 滑鼠移上去時，背景變為有質感的深灰色 */
  color: #ffffff !important;            /* 文字強制死守純白，絕對不准變成變數的黑色！ */
}

/* 確保裡面的 Emoji 圖示或內層文字也同步強制變白 */
.navbar a:hover *, 
.nav-menu a:hover *, 
header a:hover *, 
nav a:hover *,
.navbar-nav a:hover * {
  color: #ffffff !important;
}

/* ==========================================================================
   4. 頂部下拉選單 (Dropdown) 修正（維持正常狀態）
   ========================================================================== */
.dropdown-menu a,
.dropdown-item {
  color: #000000 !important;
  background-color: #ffffff !important;
}

.dropdown-menu a:hover,
.dropdown-item:hover {
  background-color: #000000 !important; 
  color: #ffffff !important;            
}

/* ==========================================================================
   5. 🚨 【左右去白邊補強】強制將銷售頁兩側白邊改為高質感灰色 🚨
   ========================================================================== */
/* 鎖定 1shop 銷售頁的所有外層大框架，將原本的白色全面改為灰色（#c8c5c5） */
html, body, #app, .site-wrapper, .main-content, main, 
.landing-page, .sales-page, .page-wrapper, .container-fluid,
.lp-container, .product-landing, .sales-layout, [class*="landing"], [class*="sales"] {
  background-color: #c8c5c5 !important;
  background: #c8c5c5 !important;
}