/* =====================================================
   MENU MOBILE — ENERGYWELL
   VERSION FINALE PROPRE & STABLE
   (HTML avec button.nav-link)
===================================================== */

@media (max-width: 1024px) {

  /* ================= VARIABLES ================= */
  :root {
    --bg-menu: radial-gradient(120% 80% at 0% 0%, #12151b 0%, #0b0d12 60%);
    --text-main: #ffffff;
    --text-muted: rgba(255,255,255,0.75);
    --accent: #7fd35a;
  }

  /* ================= HEADER ================= */
  .header-main {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 72px;
    background: #ffffff;
    z-index: 6000;
  }

  body.menu-open {
    overflow: hidden;
  }

  /* ================= BURGER ================= */
  .burger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 24px;
    position: relative;
    z-index: 6100;
  }

  /* ================= MENU MOBILE ================= */
  .header-nav {
    position: fixed;
    top: 72px;
    left: 0;
    right: 0;
    height: calc(100vh - 72px);

    background: var(--bg-menu);
    padding: 40px 32px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    opacity: 0;
    transform: translateY(-8px);
    pointer-events: none;

    transition: opacity 0.25s ease, transform 0.25s ease;
    z-index: 5000;
  }

  .header-nav.open {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  /* ================= LIENS SIMPLES ================= */
  .header-nav > a.nav-item:not(.nav-cta) {
  width: 100%;
  margin-bottom: 22px;
  font-size: 1.55rem;
  font-weight: 500;
  color: var(--text-main);
}


  /* ================= DROPDOWN BUTTON ================= */
  .nav-item.dropdown {
    width: 100%;
    margin-bottom: 22px;
  }

  .nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    padding: 0;

    background: none;
    border: 0;

    font-size: 1.55rem;
    font-weight: 500;
    letter-spacing: 0.2px;

    color: var(--text-main);
    text-align: left;
    cursor: pointer;
  }

  .nav-link .label {
    line-height: 1;
  }

  /* ================= CHEVRON ================= */
  .nav-link .chevron {
    width: 12px;
    height: 12px;
    flex-shrink: 0;

    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;

    transform: rotate(45deg); /* ▼ */
    transition: transform 0.25s ease, color 0.25s ease;
  }

  .dropdown.open .chevron {
    transform: rotate(-135deg); /* ▲ */
    color: var(--accent);
  }

  /* ================= SOUS-MENUS ================= */
  .dropdown-menu {
    width: 100%;
    margin: 8px 0 0 0;
    padding-left: 18px;

    border-left: 1px solid rgba(255,255,255,0.14);

    max-height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;

    transition: max-height 0.35s ease, opacity 0.25s ease;
  }

  .dropdown.open > .dropdown-menu {
    max-height: 1000px;
    opacity: 1;
    pointer-events: auto;
  }

  .dropdown-menu a {
    display: block;
    padding: 6px 0;

    font-size: 1.02rem;
    font-weight: 400;
    color: var(--text-muted);
    text-decoration: none;
  }

  .dropdown-menu a:hover {
    color: var(--text-main);
  }

  /* ================= CTA DEMO ================= */
  .header-nav .nav-cta-desktop {
    margin: 48px auto 24px;
    min-width: 280px;

    padding: 20px 40px;
    border-radius: 999px;

    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.3px;

    color: #ffffff;
    text-align: center;
    text-decoration: none;

    background: linear-gradient(
      135deg,
      #6bbf4a 0%,
      #7fd35a 45%,
      #f5c400 100%
    );

    box-shadow:
      0 14px 36px rgba(107,191,74,0.35),
      inset 0 1px 0 rgba(255,255,255,0.25);

    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }

  .header-nav .nav-cta-desktop:active {
    transform: translateY(1px);
    box-shadow: 0 8px 22px rgba(107,191,74,0.35);
  }

  /* ================= ACCESSIBILITÉ ================= */
  .nav-link:focus-visible,
  .header-nav a:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 4px;
    border-radius: 4px;
  }

  /* ================= HIDE SUBNAV ================= */
  .homepage-subnav {
    display: none !important;
  }
}


@media (max-width: 1024px) {

  /* Séparation claire navigation / CTA */
  .header-nav {
    padding-bottom: 40px;
  }

  .header-nav .nav-cta-desktop {
    margin-top: 64px;
  }
}
@media (max-width: 1024px) {

  .header-nav .nav-cta-desktop {
    opacity: 1 !important;
    pointer-events: auto;
  }
}


@media (max-width: 1024px) {

  /* ================= ALIGNEMENT GLOBAL DES ITEMS ================= */

  /* Tous les items principaux ont la MÊME HAUTEUR */
  .header-nav > a.nav-item,
  .header-nav > .nav-item.dropdown {
    width: 100%;
    margin-bottom: 24px;
  }

  /* Le bouton dropdown doit se comporter EXACTEMENT comme un lien */
  .nav-link {
    padding: 0;
    min-height: 32px;

    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  /* Harmonisation verticale du texte */
  .nav-link .label,
  .header-nav > a.nav-item {
    line-height: 1.2;
  }

  /* ================= ALIGNEMENT DU CTA ================= */

  .header-nav .nav-cta-desktop {
    margin-top: 56px;
    align-self: flex-start;

    opacity: 1 !important;
  }
}



@media (max-width: 1024px) {

  /* ================= ALIGNEMENT PARFAIT À LA PREMIÈRE LETTRE ================= */

  /* Tous les items utilisent EXACTEMENT le même padding gauche */
  .header-nav > a.nav-item,
  .nav-link {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  /* Sécurité : aucun décalage interne parasite */
  .nav-link .label {
    padding-left: 0;
    margin-left: 0;
  }
}



@media (max-width: 1024px) {

  .dropdown-menu {
    display: block;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;

    transition: max-height 0.35s ease, opacity 0.25s ease;
  }

  .dropdown.open > .dropdown-menu {
    max-height: 1000px;
    opacity: 1;
    pointer-events: auto;
  }
}


@media (max-width: 1024px) {

  /* ================= CORRECTION SOUS-MENUS MOBILE ================= */

  .header-nav .dropdown-menu {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;

    margin-top: 12px;
    padding: 12px 0 12px 18px;

    border-left: 1px solid rgba(255,255,255,0.15);
  }

  .header-nav .dropdown-menu a {
    display: block;

    font-size: 1.05rem;
    font-weight: 400;

    color: rgba(255,255,255,0.85) !important;
    text-decoration: none;

    padding: 6px 0;
  }

  .header-nav .dropdown-menu a:hover {
    color: #ffffff !important;
  }
}




@media (max-width: 1024px) {

  /* ================= ESPACE VERTICAL DROPDOWN OUVERT ================= */

  /* Par défaut : rythme normal */
  .nav-item.dropdown {
    margin-bottom: 12px;
  }

  /* Quand un dropdown est ouvert,
     on réserve de l’espace pour le sous-menu */
  .nav-item.dropdown.open {
    margin-bottom: 24px;
  }

  /* Le sous-menu pousse clairement le contenu suivant */
  .nav-item.dropdown.open > .dropdown-menu {
    margin-top: 16px;
  }
}


@media (max-width: 1024px) {

  /* ================= NORMALISATION DU FLUX VERTICAL ================= */

  /* Tous les items principaux ont la même marge */
  .header-nav > a.nav-item,
  .nav-item.dropdown {
    margin-bottom: 20px;
  }

  /* Le dropdown ouvert NE MODIFIE PLUS la marge du parent */
  .nav-item.dropdown.open {
    margin-bottom: 20px;
  }

  /* Le sous-menu est SEUL responsable de l’espace */
  .nav-item.dropdown > .dropdown-menu {
    margin-top: 12px;
    margin-bottom: 20px;
  }
}
.nav-item.dropdown.open {
  margin-bottom: 24px;
}

.nav-item.dropdown.open > .dropdown-menu {
  margin-top: 16px;
}



@media (max-width: 1024px) {

  /* ================= FORÇAGE FLUX VERTICAL SOUS-MENU ================= */

  /* Le dropdown ne doit JAMAIS être overlay en mobile */
  .nav-item.dropdown,
  .nav-item.dropdown * {
    position: static !important;
  }

  /* Le sous-menu fait partie du flux normal */
  .nav-item.dropdown > .dropdown-menu {
    display: block !important;
    width: 100%;

    margin: 12px 0 24px 18px;
    padding: 0;

    border-left: 1px solid rgba(255,255,255,0.15);

    max-height: 0;
    overflow: hidden;
    opacity: 0;
  }

  /* État ouvert : le parent grandit */
  .nav-item.dropdown.open > .dropdown-menu {
    max-height: 1000px;
    opacity: 1;
  }
}
.dropdown-menu {
  position: absolute;
  top: ...
  left: ...
  right: ...
  z-index: ...
}



@media (max-width: 1024px) {

  /* ================= AJUSTEMENT ESPACE SOUS HEADER ================= */

  /* On décale légèrement le dropdown quand il est ouvert */
  .nav-item.dropdown.open {
    margin-top: 12px; /* ajuste à 8 / 12 / 16 selon ton ressenti */
  }

  /* Et on garde un espace confortable avant le sous-menu */
  .nav-item.dropdown.open > .dropdown-menu {
    margin-top: 20px;
  }
}


@media (max-width: 1024px) {

  /* ================= ESPACEMENT UNIFORME DES ITEMS ================= */

  /* Tous les items principaux (liens + dropdowns) */
  .header-nav > a.nav-item,
  .nav-item.dropdown {
    margin-bottom: 32px; /* 🔑 valeur unique – ajuste si besoin */
  }

  /* Le dropdown ouvert ne change PAS l’espacement global */
  .nav-item.dropdown.open {
    margin-bottom: 32px;
  }

  /* Le sous-menu ne crée pas d’espace parasite */
  .nav-item.dropdown > .dropdown-menu {
    margin-bottom: 0;
  }
}


/* =====================================================
   CTA MOBILE — BOUTON PILLULE (CAPSULE)
===================================================== */
@media (max-width: 1024px) {

  .header-nav.open > a.nav-cta {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: 100%;
    margin: 48px 0 28px;

    padding: 18px 36px;          /* 🔑 hauteur naturelle */
    border-radius: 999px;        /* 🔑 PILLULE */

    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.2px;

    color: #ffffff !important;
    text-decoration: none !important;

    background: linear-gradient(
      90deg,
      #B9E34B 0%,
      #7EDC6A 45%,
      #4EC3D9 100%
    ) !important;

    box-shadow:
      0 16px 40px rgba(78,195,217,0.45); /* halo doux */

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .header-nav.open > a.nav-cta:active {
    transform: translateY(1px);
    box-shadow:
      0 10px 26px rgba(78,195,217,0.35);
  }
}


/* =====================================================
   MOBILE MENU — COMPRESSION DES ITEMS (FIX FINAL)
===================================================== */
@media (max-width: 1024px) {

  /* 1. Menu mobile = pas de hauteur forcée */
  .mobile-menu,
  .mobile-menu nav {
    min-height: auto !important;
    height: auto !important;
    max-height: none !important;
  }

  /* 2. Forcer empilement compact */
  .mobile-menu nav {
    display: flex;
    flex-direction: column;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding-top: 24px;
  }

  /* 3. Réduire la hauteur réelle des items */
  .mobile-menu nav a,
  .mobile-menu nav button {
    padding: 10px 0 !important;
    line-height: 1.3 !important;
  }

  /* 4. SUPPRIMER le push du bouton CTA */
  .mobile-menu .nav-cta,
  .mobile-menu .nav-devis {
    margin-top: 16px !important;
  }
}






@media (max-width: 1024px) {

  /* MENU MOBILE */
  .header-nav {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 32px;
    gap: 20px; /* 🔑 CONTROLE GLOBAL */
  }

  /* ITEMS PRINCIPAUX */
  .header-nav > a.nav-item,
  .nav-item.dropdown {
    margin: 0;
  }

  /* TEXTE */
  .nav-link,
  .header-nav > a.nav-item {
    font-size: 1.55rem;
    line-height: 1.25;
  }

  /* SOUS-MENU */
  .dropdown-menu {
    margin-top: 12px;
  }

  /* CTA — REMONTE */
  .header-nav > a.nav-cta {
    margin-top: 24px; /* 🔑 clé */
    align-self: flex-start;
  }
}


@media (max-width: 1024px) {

  /* ===== RESET COMPLET DES ESPACES ===== */
  .header-nav > a.nav-item,
  .nav-item.dropdown,
  .nav-item.dropdown.open {
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ===== CONTENEUR = RYTHME MAÎTRISÉ ===== */
  .header-nav {
    display: flex;
    flex-direction: column;
    gap: 20px; /* 🔑 AJUSTE ICI (16 / 20 / 24) */
    padding-top: 32px;
  }

  /* ===== BOUTONS / LIENS ===== */
  .nav-link,
  .header-nav > a.nav-item {
    min-height: auto;
    line-height: 1.2;
  }

  /* ===== SOUS-MENUS ===== */
  .dropdown-menu {
    margin: 12px 0 0 16px !important;
    padding: 0 !important;
  }

  /* ===== CTA REMONTÉ ===== */
  .header-nav > a.nav-cta {
    margin-top: 32px !important; /* 🔑 bouton remonte */
  }
}



@media (max-width: 1024px) {

  .header-nav {
    height: auto !important;          /* ✅ clé */
    max-height: calc(100vh - 72px);   /* limite écran */
    overflow-y: auto;                 /* scroll si nécessaire */

    justify-content: flex-start !important;
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media (max-width: 1024px) {

  .header-nav > a.nav-item,
  .nav-item.dropdown {
    margin-bottom: 18px; /* au lieu de 32px */
  }

  .nav-link {
    font-size: 1.45rem;  /* légèrement plus compact */
    min-height: auto;
  }
}
@media (max-width: 1024px) {

  .header-nav > a.nav-cta {
    margin-top: 28px;   /* au lieu de 48 / 64 */
  }
}


/* =====================================================
   CTA MOBILE — CAPSULE PREMIUM ENERGYWELL
===================================================== */
@media (max-width: 1024px) {

  .header-nav.open > a.nav-cta {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 100%;
    max-width: 520px;
    margin: 48px auto 24px;

    padding: 18px 40px;          /* hauteur confortable */
    border-radius: 9999px;       /* CAPSULE PARFAITE */

    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.2px;

    color: #ffffff !important;
    text-decoration: none !important;

    background: linear-gradient(
      90deg,
      #cfe34b 0%,
      #7fdc6a 45%,
      #4ec3d9 100%
    );

    box-shadow:
      0 18px 42px rgba(78,195,217,0.45);

    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .header-nav.open > a.nav-cta:hover {
    transform: translateY(-2px);
    box-shadow:
      0 22px 52px rgba(78,195,217,0.55);
  }

  .header-nav.open > a.nav-cta:active {
    transform: translateY(0);
    box-shadow:
      0 14px 34px rgba(78,195,217,0.4);
  }
}



/* =====================================================
   CTA MENU MOBILE — BOUTON CAPSULE (FINAL)
===================================================== */
@media (max-width: 1024px) {

  .header-nav.open > a.nav-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    max-width: 360px;          /* largeur élégante */
    margin: 32px auto 0;      /* remonte le bouton */

    padding: 18px 40px;       /* hauteur capsule */
    border-radius: 999px;     /* 🔑 capsule parfaite */

    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.2px;

    color: #ffffff !important;
    text-decoration: none;

    background: linear-gradient(
      90deg,
      #B9E34B 0%,
      #7EDC6A 45%,
      #4EC3D9 100%
    );

    box-shadow:
      0 14px 36px rgba(78,195,217,0.45),
      inset 0 1px 0 rgba(255,255,255,0.25);

    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }

  .header-nav.open > a.nav-cta:active {
    transform: translateY(1px);
    box-shadow:
      0 8px 22px rgba(78,195,217,0.35);
  }
}


/* =====================================================
   MENU MOBILE — FIX DÉFINITIF ESPACEMENT + CTA CAPSULE
===================================================== */
@media (max-width: 1024px) {

  /* MENU */
  .header-nav {
    height: auto !important;
    max-height: calc(100vh - 72px);
    overflow-y: auto;

    display: flex;
    flex-direction: column;
    align-items: stretch;

    padding: 24px 32px;
    gap: 16px; /* 🔑 contrôle UNIQUE de l’espace */
  }

  /* ITEMS */
  .header-nav > a.nav-item,
  .nav-item.dropdown {
    margin: 0 !important;
    padding: 0 !important;
  }

  .nav-link,
  .header-nav > a.nav-item {
    font-size: 1.45rem;
    line-height: 1.25;
  }

  /* SOUS-MENU */
  .dropdown-menu {
    margin: 12px 0 0 16px;
    padding: 0;
  }

  /* ================= CTA CAPSULE ================= */

  .header-nav.open > a.nav-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    max-width: 360px;
    margin: 24px auto 0; /* 🔑 le bouton REMONTE */

    padding: 18px 40px;
    border-radius: 9999px; /* CAPSULE */

    font-size: 1.05rem;
    font-weight: 600;

    color: #ffffff !important;
    text-decoration: none;

    background: linear-gradient(
      90deg,
      #B9E34B 0%,
      #7EDC6A 45%,
      #4EC3D9 100%
    );

    box-shadow:
      0 14px 36px rgba(78,195,217,0.45);

    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }

  .header-nav.open > a.nav-cta:active {
    transform: translateY(1px);
    box-shadow: 0 8px 22px rgba(78,195,217,0.35);
  }
}



@media (max-width: 1024px) {

  a.nav-cta {
    /* RESET TOTAL */
    display: inline-flex !important;
    width: auto !important;
    height: auto !important;
    min-height: unset !important;
    line-height: 1 !important;

    /* CAPSULE */
    padding: 18px 44px !important;
    border-radius: 9999px !important;

    /* ALIGNEMENT */
    align-items: center;
    justify-content: center;

    /* TEXTE */
    font-size: 1.05rem !important;
    font-weight: 600;
    white-space: nowrap;

    /* STYLE */
    color: #ffffff !important;
    text-decoration: none !important;

    background: linear-gradient(
      90deg,
      #B9E34B 0%,
      #7EDC6A 45%,
      #4EC3D9 100%
    ) !important;

    box-shadow:
      0 16px 36px rgba(78,195,217,0.45),
      inset 0 1px 0 rgba(255,255,255,0.25);
  }

  /* CENTRAGE DANS LE MENU */
  .header-nav.open > a.nav-cta {
    margin: 24px auto 0 !important;
  }
}
@media (max-width: 1024px) {

  .header-nav.open a.nav-cta {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: auto !important;          /* 🔑 clé */
    min-width: unset !important;
    max-width: none !important;

    padding: 18px 42px;
    margin: 24px auto 0;

    border-radius: 9999px !important; /* 🔑 capsule réelle */

    white-space: nowrap;

    font-size: 1.05rem;
    font-weight: 600;

    color: #ffffff !important;
    text-decoration: none !important;

    background: linear-gradient(
      90deg,
      #B9E34B 0%,
      #7EDC6A 45%,
      #4EC3D9 100%
    );

    box-shadow: 0 14px 36px rgba(78,195,217,0.45);
  }
}
/* =====================================================
   CTA MENU MOBILE — CAPSULE CONFORTABLE (FIX TEXTE COLLÉ)
===================================================== */
@media (max-width: 1024px) {

  .header-nav.open > a.nav-cta {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: 100%;
    max-width: 380px;
    margin: 24px auto 0;

    /* 🔑 HAUTEUR DE LA CAPSULE */
    padding: 22px 48px;      /* + de respiration */
    min-height: 64px;        /* empêche l’écrasement */

    border-radius: 9999px;   /* capsule parfaite */

    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.2;

    color: #ffffff !important;
    text-decoration: none !important;

    background: linear-gradient(
      90deg,
      #B9E34B 0%,
      #7EDC6A 45%,
      #4EC3D9 100%
    );

    box-shadow:
      0 16px 40px rgba(78,195,217,0.45);

    white-space: nowrap;     /* empêche retour ligne */
  }
}


/* =====================================================
   CTA MENU MOBILE — CAPSULE ÉQUILIBRÉE (FINAL)
===================================================== */
@media (max-width: 1024px) {

  .header-nav.open > a.nav-cta {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    /* LARGEUR */
    width: auto !important;
    max-width: 320px;          /* ⬅️ plus raisonnable */
    margin: 24px auto 0;

    /* HAUTEUR */
    padding: 16px 36px;        /* ⬅️ capsule compacte */
    min-height: 56px;          /* hauteur idéale mobile */

    border-radius: 999px;      /* capsule nette */

    /* TEXTE */
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;

    color: #ffffff !important;
    text-decoration: none !important;

    /* STYLE */
    background: linear-gradient(
      90deg,
      #B9E34B 0%,
      #7EDC6A 45%,
      #4EC3D9 100%
    );

    box-shadow:
      0 12px 28px rgba(78,195,217,0.4);
  }
}


/* CTA MENU MOBILE — CAPSULE PREMIUM (FINAL VALIDÉ) */
@media (max-width: 1024px) {

  .header-nav.open > a.nav-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    max-width: 320px;
    min-height: 68px;          /* +2px → premium subtil */
    padding: 24px 44px;        /* +2px vertical */

    border-radius: 999px;

    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.15;
    white-space: nowrap;

    margin: 24px auto 0;

    color: #ffffff !important;
    text-decoration: none !important;

    background: linear-gradient(
      90deg,
      #B9E34B 0%,
      #7EDC6A 45%,
      #4EC3D9 100%
    );

    box-shadow:
      0 16px 36px rgba(78,195,217,0.45),
      inset 0 1px 0 rgba(255,255,255,0.25);
  }
}



/* =====================================================
   CTA MENU MOBILE — CAPSULE PREMIUM (FINAL CLEAN)
===================================================== */
@media (max-width: 1024px) {

  .header-nav.open > a.nav-cta {
    /* ÉCRASE TOUT */
    all: unset;
    box-sizing: border-box;

    /* Layout */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 28px auto 0;

    /* Dimensions premium */
    padding: 22px 44px;     /* ⬅️ respiration */
    min-height: 66px;       /* ⬅️ hauteur premium VALIDÉE */
    max-width: 320px;
    width: auto;

    /* Forme */
    border-radius: 999px;

    /* Typo */
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;

    /* Style */
    color: #ffffff;
    text-decoration: none;
    background: linear-gradient(
      90deg,
      #B9E34B 0%,
      #7EDC6A 45%,
      #4EC3D9 100%
    );

    /* Profondeur */
    box-shadow:
      0 16px 34px rgba(78,195,217,0.45),
      inset 0 1px 0 rgba(255,255,255,0.25);
  }
}




/* =====================================================
   BURGER — AFFICHAGE GLOBAL MOBILE
===================================================== */
@media (max-width: 1024px) {
  header .burger {
    display: flex;
  }
}

@media (min-width: 1025px) {
  header .burger {
    display: none;
  }
}


/* =====================================================
   FIX BURGER — FORCE AFFICHAGE MOBILE (FINAL)
===================================================== */
@media (max-width: 1024px) {

  .burger {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: relative;
    z-index: 9999;
  }

  /* Sécurité : parent visible */
  .header-main,
  .header-main * {
    visibility: visible;
  }
}



/* =====================================================
   BURGER — AFFICHAGE MOBILE GLOBAL (FIX FINAL)
===================================================== */
@media (max-width: 1024px) {

  .header-main .burger {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: relative;
    z-index: 7000;
  }

}