/* ============================================================
   SYSTEME KAINA : HEADER & CONTENU (SANS FOOTER)
   ============================================================ */

:root {
    /* --- HAUTEURS HEADER --- */
    --h-top: 35px;    
    --h-main: 120px;  
    
    /* --- GRILLE & GOUTTIERES --- */
    --site-width: 1280px; 
    --gutter: 40px;

    /* --- RYTHME VERTICAL --- */
    --v-space: 100px;
}

@media (max-width: 1024px) {
    :root {
        --h-main: 90px;
        --gutter: 25px;
        --v-space: 60px;
    }
}

@media (max-width: 767px) {
    :root {
        --h-main: 70px;
        --gutter: 15px;
        --v-space: 40px;
    }
}

/* ============================================================
   1. RESET & DEBLOCAGE STICKY
   ============================================================ */

html, body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: visible; 
}

/* Déblocage Elementor Pro Header */
.elementor-location-header, 
.elementor-location-header .elementor {
    display: contents !important;
}

#kaina-header-wrapper {
    position: -webkit-sticky !important;
    position: sticky !important;
    width: 100% !important;
    z-index: 9999 !important;
    background-color: #ffffff !important;
    top: calc(var(--h-top) * -1) !important; 
    transition: top 0.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.6s ease !important;
}

#kaina-header-top, #kaina-header-main {
    box-sizing: border-box !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    transition: all 0.4s ease !important;
}

#kaina-header-top  { height: var(--h-top) !important; min-height: var(--h-top) !important; }
#kaina-header-main { height: var(--h-main) !important; min-height: var(--h-main) !important; }

/* ============================================================
   2. SYSTEME DE GOUTTIÈRES (ALIGNE HEADER & MAIN)
   ============================================================ */

/* --- A. ORDINATEUR (Calcul dynamique) --- */
@media (min-width: 1281px) {
    #kaina-header-top, 
    #kaina-header-main, 
    #kaina-main .e-con.e-parent:not(.e-con-full) {
        padding-left: calc((100% - var(--site-width)) / 2 + var(--gutter)) !important;
        padding-right: calc((100% - var(--site-width)) / 2 + var(--gutter)) !important;
    }
}

/* --- B. TABLETTE (Marge fixe + Exception Top-Droit) --- */
@media (max-width: 1280px) and (min-width: 768px) {
    #kaina-header-main, 
    #kaina-main .e-con.e-parent:not(.e-con-full) {
        padding-left: var(--gutter) !important;
        padding-right: var(--gutter) !important;
    }
    #kaina-header-top {
        padding-left: var(--gutter) !important;
        padding-right: 0 !important; /* Pas de gouttière droite sur tablette */
    }
}

/* --- C. MOBILE (Gouttière sur Main, Aucune sur Top) --- */
@media (max-width: 767px) {
    #kaina-header-main, 
    #kaina-main .e-con.e-parent:not(.e-con-full) {
        padding-left: var(--gutter) !important;
        padding-right: var(--gutter) !important;
    }
    #kaina-header-top {
        padding: 0 !important; /* Pas de gouttières sur mobile */
    }
}

/* ============================================================
   3. RYTHME VERTICAL (SECTIONS PAGES UNIQUEMENT)
   ============================================================ */

#kaina-main .elementor > .e-con.e-parent:not(:first-child) {
    padding-top: var(--v-space) !important;
    padding-bottom: var(--v-space) !important;
}

/* ============================================================
   4. ÉTATS DE SCROLL & FIXS
   ============================================================ */

body.is-scrolled #kaina-header-top {
    opacity: 0 !important;
    pointer-events: none;
}

body.is-scrolled #kaina-header-wrapper {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important;
}

/* Fix Admin Bar */
body.admin-bar #kaina-header-wrapper { top: calc((var(--h-top) * -1) + 32px) !important; }
@media screen and (max-width: 782px) {
    body.admin-bar #kaina-header-wrapper { top: calc((var(--h-top) * -1) + 46px) !important; }
}

/* Nettoyage widgets header */
#kaina-header-wrapper .elementor-widget { margin-bottom: 0 !important; }