/* ============================================================
   NAVBAR VISIBILITY ENHANCEMENTS
   Ensures navbar is clearly visible on all backgrounds
   ============================================================ */

/* Force dark background for better visibility */
.wc-navbar {
    background: rgba(26, 17, 10, 0.95) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2) !important;
}

/* Enhanced contrast for navbar elements */
.wc-navbar .navbar-brand,
.wc-navbar .wc-navbar__brand {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

/* Make sure nav links are bright white */
.wc-navbar .wc-nav-link {
    color: rgba(255, 255, 255, 0.95) !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.wc-navbar .wc-nav-link:hover {
    color: var(--wc-gold, #c9a84c) !important;
    background: rgba(201, 168, 76, 0.15) !important;
}

/* Enhanced navbar icons */
.wc-navbar .wc-navbar-icon {
    color: rgba(255, 255, 255, 0.95) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

.wc-navbar .wc-navbar-icon:hover {
    color: var(--wc-gold, #c9a84c) !important;
}

/* Language and action buttons */
.wc-navbar .wc-lang-btn {
    color: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(185, 146, 109, 0.6) !important;
    background: rgba(0, 0, 0, 0.25) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

.wc-navbar .wc-lang-btn:hover {
    background: var(--wc-accent, #c9a84c) !important;
    color: #fff !important;
}

/* Cart total text */
.wc-navbar .wc-cart-total {
    color: var(--wc-gold, #c9a84c) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Currency badge */
.wc-navbar #wc-currency-badge {
    color: rgba(255, 255, 255, 0.7) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Hamburger menu icon */
.wc-navbar .wc-navbar__toggler span {
    background: rgba(255, 255, 255, 0.95) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Logo text */
.wc-navbar .wc-navbar__logo-ar {
    color: #fff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}

.wc-navbar .wc-navbar__logo-en {
    color: var(--wc-accent, #c9a84c) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* Scrolled state - even darker */
.wc-navbar.wc-navbar--scrolled {
    background: rgba(26, 17, 10, 0.98) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35) !important;
}