/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    ORGANISME : HEADER
    Style de l'en-tête

*/
.organism_header{
    top:0; left:0; right:0;
}

/* @changelog 2026-09-21 [OPTI] (Claude) Allègement DOM : .organism_header_ supprimé
   (jamais stylé) et .organism_header-container fusionné dans .organism_header-wrap.
   En positionnement absolu/fixe, left:0 + right:0 + une largeur + margin:auto
   centrent la boîte : le rendu est identique avec un niveau d'imbrication en moins. */
.organism_header-wrap {
    position:absolute;
    top:30px; left:0; right:0;
    z-index: 99;
    width:94%; max-width:1620px;
    margin-left:auto; margin-right:auto;
}
.organism_header-main{
    display:flex;
    align-items: center; justify-content: space-between;
    padding:16px 24px;;
    border-radius: 50px;
    background:var(--dark-10);
    border:1px solid var(--gray-900)
}

    /* Au chargement et quand on remonte au top */
    .organism_header.reset-fixed {
        position: static;
    }

    /* Quand on scroll */
    .organism_header.fixed .organism_header-wrap {
        position: fixed;
        transform: translateY(-150%);
        transition: transform .4s; 
    }

        /* Au scroll vers le haut */
        .organism_header.fixed:not(.scrolling) .organism_header-wrap {
            transform: translateY(30px);
        }

        /* Au scroll vers le bas pour éviter le sursaut */
        .organism_header.fixed.scrolling.reset-fixed {
            transition: transform 0s;
        }



@media (max-width: 991px) {
    .organism_header-main .atom_logo{
        padding:0;
    }
}