/*
 * --------------------------------------------------------------------------------------------------
 * 自定義配色設定檔 (桌機與手機分離版)
 * --------------------------------------------------------------------------------------------------
 * 此檔案將桌機 (Desktop) 與手機 (Mobile) 的顏色控制區塊完全分開。
 * 您可以分別為不同平台設定不同的配色。
 */
/* --【全域背景同步】-- */
body {
    background-color: #085268 !important;
}


/* ==================================================================================================
   【桌機版專屬】 (DESKTOP MENU)
   ================================================================================================== */

/* 1. 桌機：選單底色 (捲動後固定在頂部時的黑色條) */
.rd-navbar-default.rd-navbar--is-stuck,
.rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck,
.rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner {
    /* PHP-VARIABLE: $desktop_menu_bg */
    background: #085268 !important; 
    background-color: #085268 !important;
}

/* 2. 桌機：主選單文字顏色 */
.rd-navbar-static .rd-navbar-nav > li > a {
    /* PHP-VARIABLE: $desktop_menu_text_color */
    color: #ffffff !important;
}

/* 3. 桌機：主選單文字懸停或選取時的顏色 */
.rd-navbar-static .rd-navbar-nav > li > a:hover,
.rd-navbar-static .rd-navbar-nav > li.active > a {
    /* PHP-VARIABLE: $desktop_menu_hover_text_color */
    color: #2fcad8 !important;
}

/* 4. 桌機：主選單下方的裝飾條/底線色 (Hover or Active) */
.rd-navbar-static .rd-navbar-nav > li > a:after {
    /* PHP-VARIABLE: $desktop_menu_indicator_color */
    background: #2fcad8 !important;
}

/* 5. 桌機：下拉選單背景 */
.rd-navbar-default.rd-navbar-static .rd-navbar-dropdown {
    /* PHP-VARIABLE: $desktop_dropdown_bg */
    background-color: #053f5a !important;
    border: 1px solid #053f5a !important;
}

/* 6. 桌機：下拉選單內的文字顏色 */
.rd-navbar-default.rd-navbar-static .rd-navbar-dropdown li a {
    /* PHP-VARIABLE: $desktop_dropdown_text_color */
    color: #ffffff !important;
}

/* 7. 桌機：下拉選單項目滑鼠移上去時的「底色」與「文字顏色」 (即您提到的變淺效果) */
.rd-navbar-default.rd-navbar-static .rd-navbar-dropdown li > a:hover,
.rd-navbar-default.rd-navbar-static .rd-navbar-dropdown li:hover > a {
    /* PHP-VARIABLE: $desktop_dropdown_hover_bg */
    background-color: #2a799e !important; /* 這裡設定滑鼠移上去後的底色 */
    /* PHP-VARIABLE: $desktop_dropdown_hover_text_color */
    color: #2fcad8 !important; /* 這裡設定滑鼠移上去後的文字顏色 */
}


/* ==================================================================================================
   【手機版專屬】 (MOBILE MENU)
   ================================================================================================== */

/* 1. 手機：上方導覽條背景色 */
.rd-navbar-default.rd-navbar-fixed .rd-navbar-panel {
    /* PHP-VARIABLE: $mobile_header_bg */
    background: #085268 !important;
    background-color: #085268 !important;
}

/* 2. 手機：展開後的選單清單整體背景色 */
.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav-wrap {
    /* PHP-VARIABLE: $mobile_menu_bg */
    background: #085268 !important;
    background-color: #085268 !important;
}

/* 3. 手機：選單項目在「選取」、「展開」或「懸停」或「常態」時的「底色」 (強力移除頑固黑) */
.rd-navbar-fixed .rd-navbar-nav li.active > a,
.rd-navbar-fixed .rd-navbar-nav li.opened > a,
.rd-navbar-fixed .rd-navbar-nav li > a:hover,
.rd-navbar-fixed .rd-navbar-nav li.rd-navbar-submenu > a,
.rd-navbar-fixed .rd-navbar-nav li.rd-navbar--has-dropdown > a,
/* 針對摺疊面板 (Accordion) 與各類 Navbar 主題模式的強力覆蓋 */
.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li.opened > a,
.rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.opened > a,
.rd-navbar-fixed .rd-navbar-nav li .resp-accordion.resp-tab-active,
.rd-navbar-fixed .rd-navbar-nav li .resp-accordion:hover {
    /* PHP-VARIABLE: $mobile_item_active_bg */
    background: #085268 !important;   /* 強制使用您設定的主色調 (#085268) */
    background-color: #085268 !important;
}

/* 4. 手機：選單項目文字顏色 */
.rd-navbar-fixed .rd-navbar-nav > li > a {
    /* PHP-VARIABLE: $mobile_menu_text_color */
    color: #ffffff !important;
}

/* 5. 手機：選單項目選取或懸停時的「文字顏色」 */
.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li.active > a,
.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li.opened > a,
.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li > a:hover {
    /* PHP-VARIABLE: $mobile_menu_hover_text_color */
    color: #2fcad8 !important;
}

/* 6. 手機：左上角選單圖示顏色 (三條線) */
.rd-navbar-fixed .rd-navbar-toggle span,
.rd-navbar-fixed .rd-navbar-toggle span:before,
.rd-navbar-fixed .rd-navbar-toggle span:after {
    /* PHP-VARIABLE: $mobile_toggle_color */
    background-color: #ffffff !important;
}

/* 7. 手機：次選單整體背景色 (即點擊展開後的次級選單背景) */
.rd-navbar-fixed .rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-megamenu {
    /* PHP-VARIABLE: $mobile_dropdown_bg */
    background-color: #2a799e !important; /* 修改此處可以讓次選單背景變淺 */
}

/* 8. 手機：次選單展開箭頭 (Submenu Toggle) 的顏色設定 */

/* 8.1 一般狀態 (尚未點選/移上去) - 背景透明，符號改用較淺的顏色 */
.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li > .rd-navbar-submenu-toggle,
.rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li > .rd-navbar-submenu-toggle {
    /* PHP-VARIABLE: $mobile_submenu_toggle_normal_bg */
    background-color: transparent !important; /* 消除色塊感 */
    /* PHP-VARIABLE: $mobile_submenu_toggle_normal_color */
    color: #2fcad8 !important; /* 讓箭頭符號本身的顏色變淺 */
}

/* 8.2 動態狀態 (展開時、選取時、懸停時) - 強制變回白色 */
.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle,
.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle,
.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle,
.rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle,
.rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle,
.rd-navbar-default.rd-navbar-light.rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle {
    /* PHP-VARIABLE: $mobile_submenu_toggle_active_bg */
    background-color: transparent !important; /* 保持背景透明 */
    /* PHP-VARIABLE: $mobile_submenu_toggle_active_color */
    color: #ffffff !important; /* 強制符號變回白色 */
}


/* ==================================================================================================
   【通用頁尾】 (FOOTER)
   ================================================================================================== */

/* 1. 頁尾底色 */
.page-footer.bg-black,
.bg-black {
    /* PHP-VARIABLE: $footer_bg */
    background-color: #085268 !important;
}

/* 2. 頁尾文字色 */
.page-footer,
.page-footer p,
.page-footer span {
    /* PHP-VARIABLE: $footer_text_color */
    color: #b4b4b4 !important;
}

/* 3. 頁尾連結懸停色 */
.page-footer a:hover {
    /* PHP-VARIABLE: $footer_link_hover_color */
    color: #ffffff !important;
}