/*
 * --------------------------------------------------------------------------------------------------
 * 自定義配色設定檔 - 樣式 8 (野莓紅 Berry Rose)
 * --------------------------------------------------------------------------------------------------
 */
/* --【全域背景同步】-- */
body {
    background-color: #880e4f !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 {
    background: #880e4f !important; 
    background-color: #880e4f !important;
}

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

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

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

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

/* 6. 桌機：下拉選單內的文字顏色 */
.rd-navbar-default.rd-navbar-static .rd-navbar-dropdown li a {
    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 {
    background-color: #bc477b !important;
    color: #f06292 !important;
}


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

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

/* 2. 手機：展開後的選單清單整體背景色 */
.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav-wrap {
    background: #880e4f !important;
    background-color: #880e4f !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-default.rd-navbar-fixed .rd-navbar-nav li.opened > a {
    background: #880e4f !important;
    background-color: #880e4f !important;
}

/* 4. 手機：選單項目文字顏色 */
.rd-navbar-fixed .rd-navbar-nav > li > a {
    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 {
    color: #f06292 !important;
}

/* 6. 手機：次選單整體背景色 */
.rd-navbar-fixed .rd-navbar-dropdown,
.rd-navbar-fixed .rd-navbar-megamenu {
    background-color: #bc477b !important;
}

/* 7. 手機：次選單展開箭頭 */
.rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li > .rd-navbar-submenu-toggle {
    color: #f06292 !important;
}


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

/* 1. 頁尾底色 */
.page-footer.bg-black,
.bg-black {
    background-color: #880e4f !important;
}

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

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