/* ==========================================================================
     OVERLAY GLOBAL — SHRINK TO CONTENT + PADDING 5% ONLY
     ========================================================================== */
  
     .stancreation-header-global-overlay{
        position: fixed;
        inset: 0;
        z-index: 1400;
      
        padding: 5%;
        box-sizing: border-box;
      
        background: rgba(0, 0, 0, 0.85);
        opacity: 0;
        pointer-events: none;
        transition: opacity .25s ease;
      }
      
      body.stancreation-header-global-menu-ouvert .stancreation-header-global-overlay{
        opacity: 1;
        pointer-events: auto;
      }
      
      .stancreation-header-global-overlay-close{
        position: absolute;
        top: 1.6rem;
        right: 1.8rem;
      
        border: 0;
        background: transparent;
        color: #fff;
      
        font-size: 2.2rem;
        z-index: 1500;
        cursor: pointer;
      }
      
      .stancreation-header-global-overlay-contenu{
        width: 100%;
        height: 100%;
        display: grid;
        place-items: center;
      }
      
      .stancreation-header-global-overlay-cadre{
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: max-content;
        align-items: start;
        column-gap: var(--stan-overlay-col-gap);
      
        width: max-content;
        max-width: 100%;
      }
      
      .stancreation-header-global-overlay-colonne-menu{
        width: max-content;
      }
      
      .stancreation-header-global-overlay-menu{
        list-style: none;
        margin: 0;
        padding: 0;
      
        display: flex;
        flex-direction: column;
      }
      
      .stancreation-header-global-overlay-menu a{
        display: inline-block;
        width: max-content;
        position: relative;
      
        color: #fff;
        text-decoration: none;
        font-family: "Poppins", system-ui, sans-serif;
        font-weight: 600;
        font-size: clamp(2.2rem, 5.4vw, 4.2rem);
        letter-spacing: -0.02em;
      
        opacity: .95;
        transition: opacity .2s ease;
      }
      
      .stancreation-header-global-overlay-menu a::after{
        content: "";
        position: absolute;
        left: 0;
        bottom: -0.25rem;
      
        width: 100%;
        height: .35rem;
        background: currentColor;
      
        transform: scaleX(0);
        transform-origin: left;
        transition: transform .25s ease;
      }
      
      .stancreation-header-global-overlay-menu a:hover::after{
        transform: scaleX(1);
      }
      
      .stancreation-header-global-overlay-menu a.is-active::after{
        transform: scaleX(1);
      }
      
      .stancreation-header-global-overlay-colonne-infos{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      
        width: max-content;
        gap: var(--stan-overlay-infos-gap);
      }
      
      .stancreation-header-global-overlay-infos-haut{
        display: flex;
        flex-direction: column;
        gap: var(--stan-overlay-infos-haut-gap);
        align-items: flex-start;
        width: max-content;
      }
      
      .stancreation-header-global-overlay-categories-liste{
        list-style: none;
        margin: 0;
        padding: 0;
      
        gap: clamp(0.2rem, 0.5vw, 0.30rem);
        display: flex;
        flex-direction: column;
        width: max-content;
      }
      
      .stancreation-header-global-overlay-categories-lien{
        display: inline-block;
        width: max-content;
        position: relative;
        color: rgba(255, 255, 255);
        text-decoration: none;
        font-family: "Poppins", system-ui, sans-serif;
        font-weight: 300;
        font-size: clamp(0.9rem, 1.60vw, 1.1rem);
        transition: opacity .2s ease;
      }
      
      .stancreation-header-global-overlay-categories-lien::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-header-global-overlay-categories-lien:hover::after{
        transform: scaleX(1);
      }
      
      .stancreation-header-global-overlay-categories-lien.is-active{
        font-weight: 600;
        opacity: 1;
      }
      
      .stancreation-header-global-overlay-categories-lien.is-active::after{
        transform: scaleX(1);
      }
      
      .stancreation-header-global-overlay-reseaux{
        display: flex;
        align-items: center;
        gap: var(--stan-overlay-reseaux-gap);
        width: max-content;
      }
      
      .stancreation-header-global-overlay-reseau{
        display: inline-flex;
        align-items: center;
        justify-content: center;
      
        color: rgba(255, 255, 255, .9);
        text-decoration: none;
        background: transparent;
        border: 0;
        padding: 0;
      
        transition: opacity .2s ease, transform .2s ease;
      }
      
      .stancreation-header-global-overlay-reseau i{
        font-size: clamp(1.2rem, 1.8vw, 1.6rem);
      }
      
      .stancreation-header-global-overlay-reseau:hover{
        opacity: .7;
        transform: translateY(-1px);
      }
      
      .stancreation-header-global-overlay-infos-bas{
        display: flex;
        justify-content: flex-start;
        width: max-content;
      }
      
      .stancreation-header-global-overlay-logo{
        width: var(--stan-overlay-logo-w);
        height: auto;
        display: block;
      
        opacity: .95;
        pointer-events: none;
      
        transform: scale(var(--stan-overlay-logo-scale));
        transform-origin: left top;
      }
      
      /* Responsive <= 900px */
      @media (max-width: 900px){
      
        :root{
          --stan-overlay-col-gap: 0;
          --stan-overlay-infos-gap: clamp(1rem, 2.5vh, 1.6rem);
          --stan-overlay-logo-w: clamp(8rem, 40vw, 12rem);
        }
      
        .stancreation-header-global-overlay-contenu{
          display: block;
          width: auto;
          height: auto;
        }
      
        .stancreation-header-global-overlay-cadre{
          display: block;
          width: 100%;
        }
      
        .stancreation-header-global-overlay-colonne-infos{
          margin-top: 10%;
        }
      }