/**
 * Header Scroll Animation - Standalone CSS
 * Ce fichier est chargé séparément pour garantir que les styles fonctionnent
 * 
 * @package Intact_en_Surface
 * @since 1.0.0
 */

/* Transition fluide pour le header */
.site-header {
    transition: padding 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

/* Header réduit (après scroll) */
.site-header.header-scrolled {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

/* S'assurer que le menu reste visible */
.site-header .primary-navigation,
.site-header .header-cta {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Logo - transition fluide */
.site-header .custom-logo {
    transition: transform 0.3s ease-in-out !important;
    display: block !important;
}

/* Logo réduit au scroll */
.site-header.header-scrolled .custom-logo {
    transform: scale(0.9) !important;
}

/* Menu items - transition fluide */
.site-header .primary-navigation a {
    transition: font-size 0.3s ease-in-out !important;
}

/* Menu items légèrement plus petits au scroll */
.site-header.header-scrolled .primary-navigation a {
    font-size: 0.95rem !important;
}

/* CTA button - transition fluide */
.site-header .header-cta a {
    transition: padding 0.3s ease-in-out !important;
}

/* CTA button légèrement plus petit au scroll */
.site-header.header-scrolled .header-cta a {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}

/* Fix pour desktop - s'assurer que le menu est visible sur grand écran */
@media (min-width: 1024px) {
    .site-header .primary-navigation {
        display: flex !important;
    }
    .site-header .header-cta {
        display: flex !important;
    }
}