/**
 * BrookCherit brand — navy & gold
 */
:root {
    --themeColoeOne: #d4af37;
    --themeColorTwo: #c5a028;
    --themeColoeOneRGB: 212, 175, 55;
    --bc-navy: #05162e;
    --bc-navy-mid: #0a2240;
    --bc-navy-light: #12345c;
    --bc-gold: #d4af37;
    --bc-gold-dark: #c5a028;
    --bc-gold-light: #e8c547;
    --colorYellow: #d4af37;
    --ratingColor: #d4af37;
    --lightBg: #f7f3e8;
    --lightBg2: #f5f5f5;
}

/* Header & navigation */
.topbar {
    background: var(--bc-navy) !important;
    color: #fff;
}

.topbar a,
.topbar .select_js {
    color: rgba(255, 255, 255, 0.92) !important;
}

.topbar_icon a:hover {
    color: var(--bc-gold) !important;
}

header {
    background: #fff;
    border-bottom: 1px solid rgba(5, 22, 46, 0.08);
}

.main_menu {
    background: var(--bc-navy) !important;
}

.main_menu .menu_item > a,
.main_menu .menu_item > span {
    color: rgba(255, 255, 255, 0.92) !important;
}

.main_menu .menu_item:hover > a,
.main_menu .menu_item:hover > span,
.main_menu .menu_item.active > a {
    color: var(--bc-gold) !important;
}

.main_menu .menu_cat_btn {
    background: var(--bc-gold) !important;
    color: var(--bc-navy) !important;
}

.main_menu .menu_cat_btn:hover {
    background: var(--bc-gold-light) !important;
}

/* Logo */
.header_logo_area {
    min-height: 76px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.header_logo {
    display: inline-flex;
    align-items: center;
    line-height: 0;
    padding: 4px 0;
}

.header_logo img,
.menu_logo img,
.mobile_menu_logo img {
    max-height: 68px !important;
    width: auto !important;
    min-width: 48px;
    object-fit: contain;
    filter: drop-shadow(0 2px 8px rgba(5, 22, 46, 0.15));
    transition: transform 0.25s ease;
}

.header_logo:hover img {
    transform: scale(1.03);
}

@media (max-width: 991.98px) {
    .header_logo img {
        max-height: 52px !important;
    }

    .header_logo_area {
        min-height: 64px;
    }
}

/* Buttons & links */
.common_btn {
    background: linear-gradient(135deg, var(--bc-gold) 0%, var(--bc-gold-dark) 100%) !important;
    color: var(--bc-navy) !important;
    font-weight: 600 !important;
    border: 1px solid rgba(197, 160, 40, 0.35);
}

.common_btn:hover {
    background: linear-gradient(135deg, var(--bc-gold-light) 0%, var(--bc-gold) 100%) !important;
    color: var(--bc-navy) !important;
}

.common_btn.go_btn {
    background: var(--bc-navy) !important;
    color: var(--bc-gold) !important;
    border-color: var(--bc-navy);
}

.common_btn.go_btn:hover {
    background: var(--bc-navy-mid) !important;
    color: #fff !important;
}

a:hover {
    color: var(--bc-gold-dark);
}

/* Footer */
footer {
    background: var(--bc-navy) !important;
}

footer,
footer p,
footer a,
footer h3,
footer h4 {
    color: rgba(255, 255, 255, 0.88) !important;
}

footer a:hover {
    color: var(--bc-gold) !important;
}

footer .footer_logo img {
    max-height: 72px;
    width: auto;
    object-fit: contain;
}

/* Page banner overlay */
.page_banner_overlay {
    background: linear-gradient(135deg, rgba(5, 22, 46, 0.88) 0%, rgba(10, 34, 64, 0.75) 100%) !important;
}

/* Homepage accents */
.bc-home {
  --bc-home-accent: var(--bc-gold);
  --bc-home-accent-dark: var(--bc-gold-dark);
  --bc-home-bg: #f7f3e8;
}

/* Force hero navy (overrides any cached inline styles) */
.bc-home .bc-hero,
.beauty_banner.bc-hero {
  background: linear-gradient(135deg, #05162e 0%, #0a2240 52%, #12345c 100%) !important;
}

body.home_fashion_2 {
  background-color: #f7f3e8 !important;
}

.bc-home .bc-section-title span,
.bc-home .bc-home-link,
.bc-home .bc-flash-timer span {
    color: var(--bc-gold-dark) !important;
}

.bc-home .common_btn,
.bc-home .bc-promo-card .common_btn {
    background: linear-gradient(135deg, var(--bc-gold), var(--bc-gold-dark)) !important;
    color: var(--bc-navy) !important;
}

/* Mobile menu */
.mobile_menu_area {
    background: var(--bc-navy) !important;
}

.mobile_menu_area .mobile_menu_logo img {
    max-height: 56px !important;
}

.mobile_header_action:hover,
.mobile_menu_area a:hover {
    color: var(--bc-gold) !important;
}

/* Forms & focus */
input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    border-color: var(--bc-gold) !important;
    box-shadow: 0 0 0 0.2rem rgba(212, 175, 55, 0.2) !important;
}

/* Cart badge */
.cart_count,
.mobile_header_action .cart_count {
    background: var(--bc-gold) !important;
    color: var(--bc-navy) !important;
}

/* Footer info strip (Return & refund, etc.) */
.bc-footer-strip,
.footer_info {
    background: linear-gradient(135deg, #05162e 0%, #0a2240 52%, #12345c 100%) !important;
    background-image: none !important;
}

.footer_info_item .text h3,
.footer_info_item .text p {
    color: rgba(255, 255, 255, 0.92) !important;
}

/* Bootstrap primary → brand gold/navy */
.btn-primary {
    background: linear-gradient(135deg, var(--bc-gold), var(--bc-gold-dark)) !important;
    border-color: var(--bc-gold-dark) !important;
    color: var(--bc-navy) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background: linear-gradient(135deg, var(--bc-gold-light), var(--bc-gold)) !important;
    border-color: var(--bc-gold) !important;
    color: var(--bc-navy) !important;
}

.btn-outline-primary {
    color: var(--bc-navy) !important;
    border-color: var(--bc-gold) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background: var(--bc-gold) !important;
    border-color: var(--bc-gold) !important;
    color: var(--bc-navy) !important;
}

.text-primary {
    color: var(--bc-gold-dark) !important;
}

.bg-primary {
    background-color: var(--bc-gold) !important;
}

/* Product prices using theme blue */
.product_price,
.details_price,
.price,
p.price {
    color: var(--bc-gold-dark);
}

/* Page backgrounds */
body.home_fashion_2,
.cart_page,
.checkout_page {
    background-color: #f7f3e8;
}