/* Header Scroll Styles */

/* Icons row setup */
header .flex.items-center.justify-center.gap-\[48px\] {
    overflow: hidden;
}

/* Fixed header state */
header.fixed {
    position: fixed;
    top: 0;
    z-index: 50;
}

/* Compact header styles */
header[data-compact="true"] .hidden.md\:flex {
    padding: 12px 24px !important;
}

header[data-compact="true"] .flex.items-center.justify-center.gap-\[48px\] {
    display: none !important;
}

/* Reset when desktop header is hidden */
@media (max-width: 767px) {
    header.fixed {
        position: static !important;
    }
    
    header[data-compact="true"] .hidden.md\:flex {
        padding: inherit !important;
    }
    
    header[data-compact="true"] .flex.items-center.justify-center.gap-\[48px\] {
        display: inherit !important;
    }
    
    body {
        padding-top: 0 !important;
    }
}