/**
 * Smart Header Styles
 * 
 * Implements hide-on-scroll-down and show-on-scroll-up behavior
 * with hardware-accelerated transforms for smooth 60fps animations.
 * 
 * @package Devmulti
 * @version 1.0.0
 */

/* Smart Header Base Styles */
.js-smart-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
    backface-visibility: hidden;
    /* Force GPU rendering for better performance */
    transform: translateZ(0);
}

/* Header visível (estado padrão e scroll up) */
.js-smart-header.header--visible,
.js-smart-header.header--top {
    transform: translateY(0);
}

/* Header oculto (scroll down) */
.js-smart-header.header--hidden {
    transform: translateY(-100%);
}

/* Previne Layout Shift - adiciona espaço equivalente ao header */
body {
    padding-top: var(--header-height, 80px);
}

/* Smooth transition for body padding when header height changes */
body {
    transition: padding-top 0.3s ease;
}

/* Ensure header shadow is visible when fixed */
.js-smart-header {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Enhanced shadow when scrolling */
.js-smart-header.header--visible:not(.header--top) {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Mobile optimizations */
@media (max-width: 991px) {
    .js-smart-header {
        /* Faster transition on mobile for better responsiveness */
        transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }
}

/* Accessibility: Respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
    .js-smart-header {
        transition: none;
    }
    
    body {
        transition: none;
    }
}