/**
 * CURE BATUMI - Sticky Header with Glassmorphism Effect
 * Modern frosted glass effect on scroll
 * 
 * @author    Gocha Shevardnadze <shevardnadze@yahoo.com>
 * @company   Fix-Dev.com
 * @since     13/10/2025
 * @copyright 2025 Fix-Dev.com
 */

/* Header default state */
.header {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
                background 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: transparent;
    transform: translateY(0);
}

/* Hidden state - Slide up on scroll down */
.header.header-hidden {
    transform: translateY(-100%);
}

/* Scrolled state - Glassmorphism effect */
.header.scrolled {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    background: rgb(93 173 226 / 40%) !important;
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    z-index: 1000;
}

/* Enhanced logo on scroll */
.header.scrolled .logo {
    transform: scale(0.9);
    transition: transform 0.3s ease;
}

/* Nav links subtle adjustment */
.header.scrolled .nav-link {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Button enhancement on scroll */
.header.scrolled .btn-primary {
    box-shadow: 0 4px 12px rgba(93, 173, 226, 0.3);
}

/* Language switcher on scroll */
.header.scrolled .language-select {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
}

/* Burger menu on scroll */
.header.scrolled .burger-menu-btn span {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Alternative: Darker glassmorphism */
.header.scrolled.dark-glass {
    background: rgba(38, 38, 38, 0.85);
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
}

/* Alternative: Light glassmorphism */
.header.scrolled.light-glass {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
}

.header.scrolled.light-glass .nav-link {
    color: #262626;
}

/* Smooth transition for all child elements */
.header * {
    transition: all 0.3s ease;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .header.scrolled {
        padding: 12px 20px;
    }
    
    .header.scrolled .logo {
        transform: scale(0.85);
    }
}

/* Reduced motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    .header,
    .header * {
        transition: none !important;
    }
}

/* Dark logo for treatments and shop pages */
body[data-page="treatments"] .header .logo,
body[data-page="shop"] .header .logo {
    filter: brightness(0) saturate(100%) invert(15%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(90%);
}

/* Keep white logo on scroll for these pages */
body[data-page="treatments"] .header.scrolled .logo,
body[data-page="shop"] .header.scrolled .logo {
    filter: none;
}