/*
 Theme Name: Kubio Child
 Template: kubio
*/
/* ÉTAT INITIAL (Chargement) */
html body #navigation {
    position: fixed !important;
    left: 0;
    width: 100% !important;
    z-index: 9999 !important;
    background-color: white; /* À adapter */
    transition: transform 0.2s ease-in-out, top 0.2s ease-in-out, box-shadow 0.2s ease;
}

/* ÉTAT : TOUT EN HAUT (On est sous la barre top) */
html body #navigation.headroom--top {
    /* Le 'top' est géré par le JS au chargement (topBarHeight) */
    box-shadow: none;
}

/* ÉTAT : SCROLL VERS LE BAS (On cache) */
html body #navigation.headroom--unpinned {
    transform: translateY(-100%);
}

/* ÉTAT : SCROLL VERS LE HAUT OU DÉJÀ SCROLLÉ (On fixe à 0) */
html body #navigation.headroom--not-top {
    top: 0 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

html body #navigation.headroom--pinned {
    transform: translateY(0);
}

/* CORRECTION BARRE ADMIN WORDPRESS */
html body.admin-bar #navigation.headroom--top {
    margin-top: 32px; /* S'ajoute au topBarHeight calculé par JS */
}

html body.admin-bar #navigation.headroom--not-top {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    html body.admin-bar #navigation.headroom--not-top {
        top: 46px !important;
    }
}