/* ==========================================================================
      8) PAGE — ACCUEIL
      ========================================================================== */
      body.home {
        overflow: hidden;
        height: 100vh;
    }
    
    body.home footer {
        display: none !important;
        position: fixed !important;
        left: 0;
        right: 0;
        bottom: 0;
        height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        visibility: hidden !important;
    }
    
    main.stancreation-accueil {
        height: 100vh;
    }
    
    /* ==========================================================================
       ACCUEIL — FOCUS (halo bleu -> noir)
       ========================================================================== */
    
    /* Burger global (celui qui est visible sur mobile) */
    .stancreation-header-global-burger{
        outline: none;
    }
    
    .stancreation-header-global-burger:focus,
    .stancreation-header-global-burger:focus-visible{
        outline: 2px solid #000;
        outline-offset: -4px;
    }
    
    /* (Optionnel) si ton burger contient un bouton interne */
    .stancreation-header-global-burger button{
        outline: none;
    }
    
    .stancreation-header-global-burger button:focus,
    .stancreation-header-global-burger button:focus-visible{
        outline: 2px solid #000;
        outline-offset: 4px;
    }
    
    /* ==========================================================================
             ACCUEIL — DIAPO FIXE + CONTENU CENTRÉ
             ========================================================================== */
    .stancreation-accueil-ecran {
        position: fixed;
        inset: 0;
        box-sizing: border-box;
    
        display: grid;
        place-items: center;
        min-height: 100vh;
        width: 100%;
        padding: var(--stancreation-accueil-pad);
    }
    
    .stancreation-accueil-contenu {
        max-width: 100%;
        transform: scale(calc(1 - (var(--stancreation-accueil-pad) * 2)));
        transform-origin: center;
        will-change: transform;
    
        width: 80%;
        display: grid;
        gap: clamp(0.5rem, 2vw, 1rem);
        justify-items: stretch;
        align-items: start;
    }
    
    /* ==========================================================================
             ACCUEIL — HEADER (logo gauche / menu droite, alignés en bas)
             ========================================================================== */
    .stancreation-accueil-header {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        width: 100%;
    }
    
    .stancreation-accueil-logo {
        flex-shrink: 0;
        margin: 0;
    }
    
    .stancreation-accueil-logo img {
        display: block;
        width: clamp(9rem, 14vw, 15rem);
        height: auto;
    }
    
    .stancreation-accueil-menu {
        margin-left: auto;
        display: flex;
        align-items: flex-end;
    }
    
    .stancreation-accueil-menu-liste {
        list-style: none;
        margin: 0;
        padding: 0;
    
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-end;
        gap: clamp(1.2rem, 2rem, 3rem);
    
        width: max-content;
    }
    
    .stancreation-accueil-menu-liste li {
        margin: 0;
        padding: 0;
    }
    
    .stancreation-accueil-menu-liste a {
        display: inline-block;
        width: max-content;
        white-space: nowrap;
    
        font-family: "Poppins", system-ui, sans-serif;
        font-weight: 700;
        font-size: clamp(0.8rem, 2rem, 3rem);
        letter-spacing: 0em;
    
        color: #000;
        text-decoration: none;
    
        opacity: .95;
        position: relative;
        transition: opacity .2s ease, transform .2s ease;
    }
    
    .stancreation-accueil-menu-liste a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -0.35rem;
    
        width: 100%;
        height: .35rem;
        background: currentColor;
    
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .25s ease;
    }
    
    .stancreation-accueil-menu-liste a:hover::after {
        transform: scaleX(1);
    }
    
    /* ==========================================================================
             ACCUEIL — TEXTE
             ========================================================================== */
    .stancreation-accueil-texte {
        max-width: 60ch;
        font-family: "Poppins", system-ui, sans-serif;
        font-weight: 200;
        font-size: clamp(0.95rem, 1vw, 1.05rem);
        color: #000;
        text-align: justify;
        margin-top: 2%;
        margin-bottom: 2%;
    }
    
    /* ==========================================================================
             ACCUEIL — CATÉGORIES
             ========================================================================== */
    .stancreation-accueil-categories {
        width: max-content;
        max-width: 100%;
    }
    
    .stancreation-accueil-categories-liste {
        list-style: none;
        margin: 0;
        padding: 0;
    
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: clamp(1rem, 2.5vw, 2.4rem);
    
        width: max-content;
    }
    
    .stancreation-accueil-categories-liste li {
        margin: 0;
        padding: 0;
    }
    
    .stancreation-accueil-categories-liste a {
        display: inline-block;
        width: max-content;
        white-space: nowrap;
    
        font-family: "Poppins", system-ui, sans-serif;
        font-weight: 500;
        font-size: clamp(0.8rem, 1.5vw, 1rem);
        color: black;
    
        text-decoration: none;
        position: relative;
        transition: opacity .2s ease, transform .2s ease;
    }
    
    .stancreation-accueil-categories-liste a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -0.15rem;
    
        width: 100%;
        height: .25rem;
        background: currentColor;
    
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .25s ease;
    }
    
    .stancreation-accueil-categories-liste a:hover::after {
        transform: scaleX(1);
    }
    
    .stancreation-accueil-categories-liste a.is-active {
        font-weight: 600;
        opacity: 1;
    }
    
    .stancreation-accueil-categories-liste a.is-active::after {
        transform: scaleX(1);
    }
    
    /* ==========================================================================
             ACCUEIL — BAS (réseaux / flèche)
             ========================================================================== */
    .stancreation-accueil-bas-droite {
        margin-top: auto;
        width: 100%;
    
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }
    
    .stancreation-accueil-reseaux {
        display: flex;
        align-items: center;
        gap: clamp(1.6rem, 3vw, 2.4rem);
    }
    
    .stancreation-accueil-reseaux a{
        transition: opacity .25s ease;
    }
    
    .stancreation-accueil-reseaux a:hover{
        opacity: 0.5;
    }
    
    .stancreation-accueil-reseaux a i {
        font-size: clamp(1.27rem, 1.73vw, 1.6rem);
    }
    
    .stancreation-accueil-fleche {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    
        width: 3rem;
        height: 3rem;
    
        font-size: 1.5rem;
        font-weight: 100;
        line-height: 1;
    
        text-decoration: none;
        color: #000;
    
        transition: transform .25s ease, opacity .25s ease;
    }
    
    .stancreation-accueil-fleche:hover {
        opacity: .5;
    }
    
    /* ==========================================================================
             RESPONSIVE — ACCUEIL
             (fusionné : 1 bloc <=1200 + 1 bloc <=900, valeurs inchangées)
             ========================================================================== */
    @media (max-width: 1200px) {
    
        .stancreation-accueil-header {
            display: block;
        }
    
        .stancreation-accueil-menu {
            margin-top: 5%;
        }
    
        .stancreation-header-global-burger {
            display: inline-flex;
        }
    }
    
    @media (max-width: 900px) {
    
        :root {
            --stancreation-accueil-scale: .9;
        }
    
        /* Écran */
        .stancreation-accueil-ecran {
            padding: 8%;
            place-items: center;
        }
    
        /* Contenu */
        .stancreation-accueil-contenu {
            width: 100%;
            transform: none;
            justify-items: flex-start;
            align-items: center;
            gap: clamp(0.5rem, 2vw, 1rem);
            transform-origin: top left;
        }
    
        /* Header accueil */
        .stancreation-accueil-header {
            width: 100%;
            display: flex;
            align-items: center;
        }
    
        .stancreation-accueil-logo img {
            width: clamp(9rem, 34vw, 13rem);
        }
    
        /* Menu desktop masqué */
        .stancreation-accueil-menu {
            display: none;
        }
    
        /* Texte */
        .stancreation-accueil-texte {
            max-width: 60ch;
            text-align: left;
        }
    
        /* Catégories */
        .stancreation-accueil-categories {
            width: auto;
        }
    
        .stancreation-accueil-categories-liste {
            width: 100%;
            flex-wrap: wrap;
            justify-content: center;
            gap: clamp(.8rem, 3vw, 1.2rem);
        }
    
        .stancreation-accueil-categories-liste a {
            font-size: clamp(1rem, 2vw, 1.4rem);
        }
    
        /* Réseaux */
        .stancreation-accueil-reseaux {
            margin-top: 3%;
        }
    
        /* Bas : colonne */
        .stancreation-accueil-bas-droite {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            gap: clamp(1rem, 3vh, 1.6rem);
        }
    
        .stancreation-accueil-reseaux {
            order: 1;
            justify-content: center;
        }
    
        .stancreation-accueil-fleche {
            order: 2;
            display: block;
            margin: 1rem 0 0 0;
        }
    
        .stancreation-accueil-texte {
            margin: 8% 0;
        }
    }
    
    
    /* ==========================================================================
          ACCUEIL — BURGER / HEADER GLOBAL (règles finales conservées)
          ========================================================================== */
    
    /* On désactive complètement le burger "accueil" */
    .stancreation-accueil-burger {
        display: none !important;
    }
    
    /* Accueil : on ne veut jamais afficher le header global */
    body.home .stancreation-header-global {
        display: none !important;
    }
    
    /* Burger global : jamais avant 900px (base) */
    .stancreation-header-global-burger {
        display: none;
    }
    
    /* Accueil : burger caché par défaut (desktop) */
    body.home .stancreation-header-global-burger {
        display: none;
        margin-left: auto;
    }
    
    /* Global : visible par défaut (desktop inclus) */
    .stancreation-header-global-burger {
        display: inline-flex;
    }
    
    /* Accueil desktop : caché */
    body.home .stancreation-header-global-burger {
        display: none;
    }
    
    /* Mobile : burger visible */
    @media (max-width: 900px) {
        body.home .stancreation-header-global-burger {
            display: inline-flex;
        }
    
        body.home .stancreation-accueil-header {
            align-items: flex-end;
        }
    }