/* Navbar Component - Shahib Boutique */

/* Transparent at top, solid after scroll */
.navbar.navbar-transparent {
    background-color: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}

.navbar.navbar-solid {
    background-color: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Mobile menu open state */
.navbar-mobile.is-open {
    pointer-events: auto;
    opacity: 1;
}

.navbar-mobile.is-open .navbar-mobile-panel {
    animation: navbar-slide-in 0.3s ease-out;
}

@keyframes navbar-slide-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hamburger to X */
.navbar-mobile-toggle[aria-expanded="true"] .navbar-hamburger-line:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.navbar-mobile-toggle[aria-expanded="true"] .navbar-hamburger-line:nth-child(2) {
    opacity: 0;
}

.navbar-mobile-toggle[aria-expanded="true"] .navbar-hamburger-line:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

.navbar-hamburger-line {
    transform-origin: center;
}

/* Focus visible for accessibility */
.navbar-link:focus-visible,
.navbar-login-btn:focus-visible,
.navbar-mobile-link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* Prevent body scroll when mobile menu open */
body.navbar-menu-open {
    overflow: hidden;
}