@layer theme-custom {
/* 全站頁首重新上色：改為新品牌深藍＋金色 */

/* 桌機版：關鍵修正，直接改主題色彩變數 */
:root{
  --header-bg-color:#0F2740;
  --header-mobile-icon-color:#F3E6C9;
}

nav.navbar,
.navi-item:first-child{
  background-color:#0F2740 !important;
  border-color:#0F2740 !important;
}
nav.navbar a,
nav.navbar span,
nav.navbar li,
.navi-item a,
.navi-item span{
  color:#F3E6C9 !important;
}
nav.navbar a:hover,
nav.navbar a:focus,
.navi-item a:hover{
  color:#C99A44 !important;
}
nav.navbar svg,
nav.navbar i{
  color:#F3E6C9 !important;
  fill:#F3E6C9 !important;
}
nav.navbar .btn,
nav.navbar button:not(.navbar-toggler){
  background-color:#C99A44 !important;
  border-color:#C99A44 !important;
  color:#0F2740 !important;
}

/* 頂部會員/購物車文字加強對比 */
.navi-item:first-child a,
.navi-item:first-child span,
.navi-item:first-child li{
  color:#ffffff !important;
  font-weight:600 !important;
}
.navi-item:first-child a:hover{
  color:#C99A44 !important;
}

/* 手機版頁首（獨立元件，跟桌機版是不同結構） */
.mobile-menu.left-style{
  background-color:#0F2740 !important;
  border-color:#0F2740 !important;
}
.mobile-menu .logo-text{
  color:#F3E6C9 !important;
}
.mobile-btn a{
  color:#F3E6C9 !important;
}
.mobile-menu svg,
.mobile-menu i{
  color:#F3E6C9 !important;
  fill:#F3E6C9 !important;
}

/* 外層容器背景一併改深藍，避免導覽列兩側露出白色縫隙 */
div.content{
  background-color:#0F2740 !important;
}

/* 移除首頁自由編輯區塊預設的上下留白，避免跟頁首之間出現色塊縫隙 */
section.index-editor{
  margin:0 !important;
  padding:0 !important;
}

}