/**
 * AHC Healthcare Template - Sticky Header Enhancement
 * Additional styles for smooth sticky header behavior
 * Version: 1.0.0
 */

/* ============================================
   Sticky Header States
   ============================================ */

/* Default header */
.site-header {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Scrolled state - header shrinks slightly */
.has-sticky-header .site-header.scrolled {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

.has-sticky-header .site-header.scrolled .header-inner {
    padding: 8px 0;
}

.has-sticky-header .site-header.scrolled .logo img {
    height: 45px;
    transition: height 0.3s ease;
}

/* Hidden state - when scrolling down */
.has-sticky-header .site-header.header-hidden {
    transform: translateY(-100%);
}

/* Ensure smooth transitions */
.site-header,
.header-inner,
.logo img {
    will-change: transform;
}

/* ============================================
   Body Padding Adjustment for Sticky Header
   ============================================ */

/* Add padding to prevent content jump */
.has-sticky-header .site-main {
    padding-top: 0;
}

/* ============================================
   Mobile Sticky Header Adjustments
   ============================================ */
@media (max-width: 768px) {
    .has-sticky-header .site-header.scrolled .header-inner {
        padding: 6px 0;
    }

    .has-sticky-header .site-header.scrolled .logo img {
        height: 40px;
    }
}

@media (max-width: 480px) {
    .has-sticky-header .site-header.scrolled .logo img {
        height: 35px;
    }
}

/* ============================================
   Smooth Scroll Behavior
   ============================================ */
html.smooth-scroll {
    scroll-behavior: smooth;
}

/* Offset scroll for anchors to account for sticky header */
:target {
    scroll-margin-top: calc(var(--header-height) + 20px);
}

/* ============================================
   Performance Optimization
   ============================================ */

/* Use GPU acceleration for smooth animations */
.site-header {
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
}

/* Reduce motion for users who prefer it */
@media (prefers-reduced-motion: reduce) {
    .site-header {
        transition: none !important;
    }
    
    .has-sticky-header .site-header.header-hidden {
        transition: none !important;
    }
}