/* 
 * Targeted Gold Accents for Shau Brands 
 * Reverted global dark theme, now only highlighting the promotional banner
 */

.header-features span {
    color: #D4AF37 !important;
    /* Gold */
    font-weight: 600 !important;
}

/* === NAVBAR TEXT: Dark by default (visible on white pages) === */

/* Left icons: search, compare, wishlist, user (main triggers only) */
.header-left-icon > a,
.header-left-icon .user-icon-trigger {
    color: #222 !important;
}

.header-left-icon > a:hover,
.header-left-icon .user-icon-trigger:hover {
    color: #D4AF37 !important;
}

/* Hamburger bars - dark by default */
.header-left-icon .basic-bar a span {
    background-color: #222 !important;
}

.header-left-icon .basic-bar a:hover span {
    background-color: #D4AF37 !important;
}

/* Right side: Shopping bag text + icon */
.shop-cart a,
.shop-cart a h6,
.shop-cart a .cart-price {
    color: #222 !important;
}

.shop-cart a:hover,
.shop-cart a:hover h6,
.shop-cart a:hover .cart-price {
    color: #D4AF37 !important;
}

/* Nav menu links: dark by default */
.nav-menu li a {
    color: #222 !important;
}

.nav-menu li a:hover {
    color: #D4AF37 !important;
}

/* Main menu links (fallback) */
.main-menu ul li a {
    color: #222 !important;
}

.main-menu ul li a:hover {
    color: #D4AF37 !important;
}

/* === HOME PAGE OVERRIDE: White text on dark slider === */
/* Applied via body class on home page only */
body.page-home .header-left-icon > a,
body.page-home .header-left-icon .user-icon-trigger {
    color: #fff !important;
}

body.page-home .header-left-icon .basic-bar a span {
    background-color: #fff !important;
}

body.page-home .shop-cart a,
body.page-home .shop-cart a h6,
body.page-home .shop-cart a .cart-price {
    color: #fff !important;
}

body.page-home .nav-menu li a,
body.page-home .main-menu ul li a {
    color: #fff !important;
}

/* Home icon stays gold everywhere */
.logo-link i.fa-home {
    color: #DAA520 !important;
}

/* Fix: Dropdown menu items must stay dark on white background */
.user-dropdown-menu a,
.user-dropdown-menu a i,
.user-dropdown-menu button,
.user-dropdown-menu button i {
    color: #333 !important;
}

.user-dropdown-menu a:hover,
.user-dropdown-menu button:hover {
    background-color: #f8f9fa !important;
    color: #000 !important;
}

.user-dropdown-menu .dropdown-logout-btn,
.user-dropdown-menu .dropdown-logout-btn i {
    color: #dc3545 !important;
}

.user-dropdown-menu .dropdown-logout-btn:hover {
    background-color: #fff5f5 !important;
    color: #a71d2a !important;
}

/* --- Google Auth Button Hover Effect --- */
.google-auth-btn {
    background-color: #fff !important;
    color: #757575 !important;
    border: 1px solid #ddd !important;
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.google-auth-btn:hover {
    background-color: #f8f9fa !important;
    border-color: #4285F4 !important;
    color: #4285F4 !important;
    box-shadow: 0 2px 8px rgba(66, 133, 244, 0.3);
    transform: translateY(-1px);
}

.google-auth-btn:active {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(66, 133, 244, 0.2);
}