/* ============================================
   Sticky Header (Mobile)
   ============================================ */

/* Make header sticky on mobile */
@media (max-width: 991px) {
    .header-wrapper,
    header,
    .site-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 9998 !important;
        background: #fff !important;
        transition: all 0.3s ease !important;
    }
    
    /* Shrink header on scroll */
    .header-wrapper.scrolled,
    header.scrolled,
    .site-header.scrolled {
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }
    
    /* Shrink logo on scroll */
    .header-wrapper.scrolled .logo img,
    header.scrolled .logo img,
    .site-header.scrolled .logo img {
        max-height: 35px !important;
        transition: all 0.3s ease !important;
    }
    
    /* Hide some elements on scroll to save space */
    .header-wrapper.scrolled .header-top,
    header.scrolled .header-top {
        display: none !important;
    }
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth !important;
}

/* Prevent layout shift */
.header-wrapper,
header,
.site-header {
    will-change: transform !important;
}