/* eden-webinaire */
/**
 * Landing « Webinaire » (gabarit page-webinaire.php).
 *
 * Feuille autonome, chargée uniquement sur ce gabarit par inc/webinaire.php.
 * Toutes les classes sont préfixées `wbn-` : rien ne fuit vers le reste du site.
 *
 * ⚠️ Les règles de base de cette feuille sont écrites en `:where()` : sans lui,
 * `.wbn p{margin:0}` (0,1,1) battait `.wbn-conclusion{margin:… auto}` (0,1,0) et les
 * blocs centrés se collaient à gauche. `:where()` compte pour zéro, les classes de
 * composants reprennent la main.
 *
 * ⚠️ Divi, son Customizer et WooCommerce sont chargés sur tout le site : ce gabarit les
 * retire (cf. inc/webinaire.php), sinon `padding:.3em 1em !important` de Divi écrase le
 * bouton d'envoi et le style.css du thème peint les champs en gris translucide.
 *
 * ⚠️ Deux tons d'or, et ce n'est pas un doublon : `--or` est décoratif (filets,
 * bordures, icônes) et ne passe pas le contraste en texte (2,69:1 sur blanc) ;
 * `--or-texte` est sa version lisible (4,94:1). Tout libellé utilise le second.
 */

:root{
    --nuit:#1B2A44;
    --nuit-doux:#33425A;
    --or:#C09758;            /* or decoratif : filets, bordures, icones */
    --or-texte:#8E6A2C;      /* or lisible : tout texte sur fond clair */
    --or-clair:#E7D3AE;
    --ivoire:#FAF6F0;
    --blanc:#FFFFFF;
    --texte:#55606E;
    --texte-doux:#5B6675;
    --trait:#E7E0D4;
    --ombre:0 6px 22px rgba(27,42,68,.07);
    --ombre-carte:0 12px 34px rgba(27,42,68,.09);
    --titre:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    --corps:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    --gouttiere:clamp(16px,4vw,44px);
    --large:1200px;
    --rond:10px;
    --rond-bouton:4px;
  }
  .wbn *{box-sizing:border-box}
  .wbn{
    background:var(--blanc);color:var(--texte);
    font-family:var(--corps);font-size:16px;line-height:1.75;
    -webkit-font-smoothing:antialiased;
  }
  .wbn :where(img){max-width:100%;height:auto;display:block}
  .wbn :where(h1,h2,h3,h4){font-family:var(--titre);margin:0;text-wrap:balance;color:var(--nuit)}
  .wbn :where(p){margin:0}
  .wbn :where(a){color:inherit}
  .wbn :where(svg){display:block}

  .wbn-service{background:var(--nuit);color:#C9D2DF;font-size:12.5px;padding:9px var(--gouttiere);text-align:center}
  .wbn-service b{color:#E7D3AE;font-weight:600}

  .wbn-zone{padding-inline:var(--gouttiere)}
  .wbn-dedans{max-width:var(--large);margin-inline:auto;width:100%}
  section{padding-block:clamp(52px,6.5vw,90px)}
  .wbn-ivoire{background:var(--ivoire)}

  .wbn-surtitre{
    display:block;text-align:center;font-family:var(--titre);font-size:12px;
    font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--or-texte);
  }
  .wbn-titre-section{
    font-size:clamp(28px,4vw,44px);font-weight:200;line-height:1.16;
    text-align:center;color:var(--nuit);margin-top:16px;letter-spacing:-.01em;
  }
  .wbn-titre-section strong{display:block;font-weight:500}
  .wbn-sous-section{text-align:center;color:var(--texte-doux);max-width:66ch;margin:16px auto 0}
  .wbn-filet{width:58px;height:1px;background:var(--or);margin:20px auto 0}

  .wbn-btn{
    display:inline-flex;align-items:center;justify-content:center;
    font-family:var(--titre);font-size:12.5px;font-weight:500;
    letter-spacing:.16em;text-transform:uppercase;text-align:center;
    background:var(--or);color:var(--nuit);text-decoration:none;
    padding:17px 34px;border:1px solid var(--or);border-radius:var(--rond-bouton);
    cursor:pointer;transition:background .22s ease,border-color .22s ease,color .22s ease;
  }
  .wbn-btn:hover{background:var(--nuit);border-color:var(--nuit);color:#fff}
  .wbn-btn:focus-visible{outline:2px solid var(--nuit);outline-offset:3px}
  .wbn-btn--ligne{background:transparent;color:var(--nuit);border-color:var(--nuit)}
  .wbn-btn--ligne:hover{background:var(--nuit);color:#fff}
  .wbn-btn--plein{width:100%}
  .wbn-btn--petit{padding:13px 22px;font-size:11.5px}

  /* Barre collante claire */
  .wbn-barre{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(255,255,255,.97);
    backdrop-filter:blur(8px);border-bottom:1px solid var(--trait)}
  .wbn-barre-int{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:12px}
  .wbn-barre img{width:98px;flex:none}
  .wbn-barre-info{display:flex;align-items:center;gap:22px;color:var(--nuit);font-family:var(--titre);font-size:12.5px;letter-spacing:.07em}
  .wbn-barre-info span{display:flex;align-items:center;gap:8px;white-space:nowrap}
  .wbn-barre-info b{font-weight:500}
  .wbn-barre-info svg{width:16px;height:16px;stroke:var(--or);fill:none;stroke-width:1.3}
  .wbn-jmoins{
    font-family:var(--titre);font-size:11.5px;font-weight:600;letter-spacing:.14em;
    color:var(--or-texte);border:1px solid var(--or);border-radius:20px;padding:5px 12px;
    white-space:nowrap;margin-left:auto;
  }

  /* Icônes en trait fin cerclées, comme l'affiche */
  .wbn-ico{
    width:72px;height:72px;border-radius:50%;border:1px solid var(--or);
    display:grid;place-items:center;background:transparent;
  }
  .wbn-ico svg{width:30px;height:30px;stroke:var(--nuit);fill:none;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
  .wbn-ico--petit{width:58px;height:58px}
  .wbn-ico--petit svg{width:25px;height:25px}

  /* HERO : argumentaire a gauche, formulaire a droite */
  .wbn-hero{background:var(--blanc);padding-block:clamp(34px,4.5vw,58px) clamp(44px,5.5vw,70px)}
  .wbn-hero-grille{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(30px,4vw,56px);align-items:start}
  .wbn-hero .wbn-carte-form{margin-top:6px;display:flex;flex-direction:column}
  .wbn-hero .wbn-carte-form .wbn-promesse{margin-top:auto}
  .wbn-rappel{
    display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px;padding-bottom:6px;
    font-family:var(--titre);font-size:14px;color:var(--nuit);
  }
  .wbn-rappel .wbn-puce{width:5px;height:5px;border-radius:50%;background:var(--or)}
  .wbn-hero .wbn-sur{
    display:block;font-family:var(--titre);font-size:12px;font-weight:500;
    letter-spacing:.26em;text-transform:uppercase;color:var(--or-texte);
  }
  .wbn-hero h1{
    font-size:clamp(34px,5.2vw,58px);font-weight:200;line-height:1.08;
    margin-top:16px;letter-spacing:-.02em;
  }
  .wbn-hero h1 strong{display:block;font-weight:500}
  .wbn-hero .wbn-accroche{
    font-family:var(--titre);font-weight:300;color:var(--nuit-doux);
    font-size:clamp(17px,2vw,21px);line-height:1.5;margin-top:20px;max-width:46ch;
  }
  .wbn-atouts{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px}
  .wbn-atouts li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:13px;align-items:start}
  .wbn-atouts svg{width:16px;height:16px;stroke:var(--or);fill:none;stroke-width:1.8;margin-top:6px;stroke-linecap:round;stroke-linejoin:round}
  .wbn-atouts b{font-family:var(--titre);font-weight:500;color:var(--nuit)}
  .wbn-atouts span{color:var(--texte-doux)}
  .wbn-hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:26px}
  .wbn-hero-note{color:var(--texte-doux);font-size:13.5px}

  /* Bouton d'appel du hero : visible seulement quand le formulaire du haut
     est masque, c'est-a-dire sur telephone (cf. la media query 880px). */
  .wbn-hero-cta{display:none;margin-top:26px}
  .wbn-hero-cta .wbn-btn{width:100%;justify-content:center;text-align:center}
  .wbn-hero-cta-note{
    margin-top:12px;font-size:13.5px;line-height:1.5;color:var(--texte-doux);text-align:center;
  }


  /* Compte a rebours : dans le bandeau et au-dessus du formulaire, sans cadre */
  .wbn-bandeau .wbn-item.compte .wbn-txt{color:var(--or-clair);font-weight:500}
  /* Compte a rebours : les chiffres sont poses sur un filet de progression aligne
     sur la colonne de texte. Pas d'encart, pas de bordure : c'est le filet qui
     tient le bloc, donc rien ne flotte. La part doree montre le chemin parcouru
     depuis l'ouverture des inscriptions. */
  .wbn-compte{margin:28px 0 0;max-width:430px}
  .wbn-compte[hidden]{display:none}
  .wbn-compte-tete{
    display:block;font-family:var(--titre);font-size:11.5px;font-weight:500;
    letter-spacing:.22em;text-transform:uppercase;color:var(--or-texte);
  }
  .wbn-compte-chiffres{display:flex;align-items:flex-end;gap:16px;margin-top:10px}
  .wbn-compte-chiffres[hidden]{display:none}
  .wbn-compte-bloc{display:flex;flex-direction:column;align-items:flex-start}
  .wbn-compte-val{
    font-family:var(--titre);font-size:46px;font-weight:200;line-height:1;
    color:var(--nuit);letter-spacing:-.03em;font-variant-numeric:tabular-nums;
  }
  .wbn-compte-lib{
    font-family:var(--titre);font-size:10px;font-weight:500;letter-spacing:.2em;
    text-transform:uppercase;color:var(--texte-doux);margin-top:7px;
  }
  .wbn-compte-sep{
    font-family:var(--titre);font-size:26px;font-weight:200;color:var(--or);
    line-height:1;padding-bottom:33px;
  }
  .wbn-compte-jour{
    font-family:var(--titre);font-size:30px;font-weight:300;line-height:1.1;
    color:var(--nuit);margin-top:10px;
  }
  .wbn-compte-jour[hidden]{display:none}
  .wbn-compte-filet{margin-top:16px;height:2px;background:var(--trait);position:relative}
  .wbn-compte-filet i{
    position:absolute;inset:0 auto 0 0;width:0;background:var(--or);
    transition:width 1.1s cubic-bezier(.22,.7,.3,1);
  }
  .wbn-compte-pied{
    display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:9px;
    font-size:12px;color:var(--texte-doux);
  }
  .wbn-compte-pied b{font-family:var(--titre);font-weight:500;color:var(--nuit)}
  @media (max-width:480px){
    .wbn-compte-val{font-size:36px}
    .wbn-compte-chiffres{gap:12px}
    .wbn-compte-sep{font-size:21px;padding-bottom:27px}
    .wbn-compte-jour{font-size:24px}
    .wbn-compte-pied{font-size:11px}
  }
  @media (prefers-reduced-motion:reduce){.wbn-compte-filet i{transition:none}}

  /* Promesse de non-demarchage */
  .wbn-promesse{
    display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;
    margin-top:22px;font-size:14.5px;color:var(--texte);line-height:1.55;max-width:52ch;
  }
  .wbn-promesse svg{width:19px;height:19px;stroke:var(--or);fill:none;stroke-width:1.5;margin-top:4px;stroke-linecap:round;stroke-linejoin:round}
  .wbn-promesse b{font-family:var(--titre);font-weight:500;color:var(--nuit)}
  .wbn-carte-form .wbn-promesse{margin-top:16px;padding-top:16px;border-top:1px solid var(--trait);font-size:13.5px}
  .wbn-final-visuel{margin-top:clamp(24px,3vw,34px)}
  .wbn-final-visuel img{border-radius:var(--rond);box-shadow:var(--ombre)}

  /* Bandeau d'infos compact, repris du bandeau de l'affiche */
  .wbn-bandeau{background:var(--nuit);padding-block:0}
  .wbn-bandeau .wbn-dedans{
    display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;
  }
  .wbn-bandeau .wbn-item{
    display:flex;align-items:center;gap:11px;padding:19px clamp(16px,2.4vw,30px);
    border-left:1px solid rgba(255,255,255,.14);
  }
  .wbn-bandeau .wbn-item:first-child{border-left:0}
  .wbn-bandeau svg{width:19px;height:19px;stroke:var(--or);fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;flex:none}
  .wbn-bandeau .wbn-txt{
    font-family:var(--titre);font-size:13.5px;font-weight:400;color:#fff;
    letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;
  }
  .wbn-bandeau .wbn-item--fort .wbn-txt{color:var(--or-clair);font-weight:500}

  /* Constat */
  .wbn-duo{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,56px);align-items:center;margin-top:clamp(28px,3.4vw,44px)}
  .wbn-affiche img{border-radius:var(--rond);box-shadow:var(--ombre-carte)}
  .wbn-duo img{border-radius:var(--rond);box-shadow:var(--ombre)}
  .wbn-duo p + p{margin-top:14px}
  .wbn-questions{
    font-family:var(--titre);font-weight:300;color:var(--nuit);
    font-size:clamp(19px,2.3vw,25px);line-height:1.4;
    padding-left:22px;border-left:2px solid var(--or);
    text-wrap:balance;max-width:34ch;
  }
  .wbn-questions span{display:block;color:var(--or-texte);font-weight:400;margin-top:10px}
  .wbn-constat-texte{margin-top:20px;color:var(--texte-doux)}

  /* Comparaison : ce qu'on met en avant contre ce qui decide vraiment */
  .wbn-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:clamp(30px,3.6vw,46px)}
  .wbn-compare-bloc{border-radius:var(--rond);padding:30px 30px 32px}
  .wbn-compare-bloc .wbn-compare-tete{display:flex;align-items:center;gap:12px}
  .wbn-compare-bloc .wbn-compare-tete svg{width:22px;height:22px;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
  .wbn-compare-bloc h3{font-family:var(--titre);font-size:clamp(17px,2vw,20px);font-weight:500;line-height:1.3}
  .wbn-compare-bloc ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:11px}
  .wbn-compare-bloc li{
    display:grid;grid-template-columns:8px minmax(0,1fr);gap:14px;align-items:baseline;
    font-family:var(--titre);font-weight:400;font-size:16px;line-height:1.45;
  }
  .wbn-compare-bloc li::before{content:"";width:6px;height:6px;border-radius:50%;transform:translateY(-2px)}

  .wbn-compare-bloc--pale{background:var(--ivoire);border:1px solid var(--trait)}
  .wbn-compare-bloc--pale h3{color:var(--texte)}
  .wbn-compare-bloc--pale .wbn-compare-tete svg{stroke:var(--texte-doux)}
  .wbn-compare-bloc--pale li{color:var(--texte)}
  .wbn-compare-bloc--pale li::before{background:#C7CDD4}

  .wbn-compare-bloc--fort{background:var(--nuit);border:1px solid var(--nuit)}
  .wbn-compare-bloc--fort h3{color:#fff}
  .wbn-compare-bloc--fort .wbn-compare-tete svg{stroke:var(--or-clair)}
  .wbn-compare-bloc--fort li{color:#EAEFF5}
  .wbn-compare-bloc--fort li::before{background:var(--or)}
  .wbn-compare-bloc--fort .wbn-compare-pied{
    margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);
    font-family:var(--corps);font-size:14.5px;color:#AEBACA;
  }

  .wbn-charniere{
    background:var(--nuit);color:#fff;text-align:center;padding-block:clamp(34px,4vw,52px);
  }
  .wbn-charniere p{
    font-family:var(--titre);font-weight:200;font-size:clamp(23px,3.2vw,36px);
    line-height:1.3;color:#fff;max-width:24ch;margin-inline:auto;
  }
  .wbn-charniere p em{font-style:normal;color:var(--or-clair);font-weight:400}

  /* Programme */
  .wbn-cartes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:clamp(30px,3.6vw,46px)}
  .wbn-carte{
    position:relative;background:var(--blanc);border:1px solid var(--trait);
    border-radius:var(--rond);padding:26px 26px 28px;display:flex;flex-direction:column;gap:14px;
  }
  .wbn-carte::before{
    content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--or);
    border-radius:var(--rond) var(--rond) 0 0;transform:scaleX(0);transform-origin:left;
    transition:transform .35s cubic-bezier(.22,.7,.3,1);
  }
  .wbn-carte:hover::before{transform:scaleX(1)}
  .wbn-carte-tete{display:flex;align-items:baseline;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--trait)}
  .wbn-carte-num{
    font-family:var(--titre);font-size:clamp(32px,3.6vw,40px);font-weight:300;color:var(--or-texte);
    line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;flex:none;
  }
  .wbn-carte-num--mot{font-size:15px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}
  .wbn-carte h3{font-family:var(--titre);font-size:19px;font-weight:500;color:var(--nuit);line-height:1.2}
  .wbn-carte p{color:var(--texte-doux);font-size:15px;line-height:1.7;text-align:left}

  /* Rentabilité */
  .wbn-duo-panneau{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,56px);align-items:center}
  .wbn-calculs{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:12px}
  .wbn-calculs li{
    display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;align-items:start;
    font-family:var(--titre);font-weight:400;color:var(--nuit);font-size:16px;line-height:1.45;
  }
  .wbn-calculs li::before{
    content:counter(calc,decimal-leading-zero);counter-increment:calc;
    font-family:var(--titre);font-size:12px;font-weight:600;color:var(--or);letter-spacing:.06em;
    padding-top:4px;
  }
  .wbn-calculs{counter-reset:calc}
  .wbn-duo-panneau img{border-radius:var(--rond);box-shadow:var(--ombre)}
  .wbn-duo-panneau h2{font-weight:200;font-size:clamp(25px,3.4vw,38px);line-height:1.2;margin-top:16px}
  .wbn-duo-panneau h2 strong{display:block;font-weight:500}
  .wbn-duo-panneau p{color:var(--texte-doux);margin-top:14px}
  .wbn-duo-panneau .wbn-btn{margin-top:24px}
  .wbn-duo-panneau .wbn-sur{display:block;font-family:var(--titre);font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--or-texte)}

  /* Profils */
  .wbn-profils{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:clamp(30px,3.6vw,44px)}
  .wbn-profil{
    background:var(--blanc);border:1px solid var(--trait);border-radius:var(--rond);
    padding:30px 22px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;
  }
  .wbn-profil b{font-family:var(--titre);font-size:17px;font-weight:500;color:var(--nuit)}
  .wbn-profil span{color:var(--texte-doux);font-size:15px;line-height:1.6}
  .wbn-conclusion{
    text-align:center;font-family:var(--titre);font-weight:200;font-size:clamp(19px,2.4vw,26px);
    color:var(--nuit);max-width:40ch;margin:clamp(30px,3.6vw,44px) auto 0;line-height:1.4;
  }
  .wbn-centre{display:flex;justify-content:center;margin-top:30px}

  /* À propos */
  .wbn-apropos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:center;margin-top:clamp(26px,3.4vw,42px)}
  .wbn-apropos img{border-radius:var(--rond);box-shadow:var(--ombre)}
  .wbn-apropos h3{font-size:21px;font-weight:500;line-height:1.4}
  .wbn-apropos p{margin-top:14px;color:var(--texte-doux)}

  /* Signature, remplace les cartes numérotées */
  .wbn-signature{background:var(--nuit);color:#fff;text-align:center}
  .wbn-signature .wbn-dedans{max-width:980px}
  .wbn-signature p{
    font-family:var(--titre);font-weight:200;color:#fff;
    font-size:clamp(24px,3.6vw,40px);line-height:1.35;letter-spacing:-.01em;
  }
  .wbn-signature p em{font-style:normal;color:#E7D3AE;font-weight:400}
  .wbn-signature .wbn-signature-fin{
    margin-top:22px;font-family:var(--corps);font-size:15px;color:#B9C4D4;letter-spacing:0;
    font-weight:400;
  }

  /* Inscription */
  .wbn-form-grille{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4vw,56px);align-items:stretch}
  /* La carte du bas s'aligne sur la hauteur de la colonne de texte, pas l'inverse. */
  .wbn-form-grille > *{display:flex;flex-direction:column;justify-content:center}
  .wbn-carte-form--bas{height:100%;display:flex;flex-direction:column}
  /* Formulaire unique (cf. webinaire.js) : quand il est descendu dans l'emplacement
     du bas, la carte relais s'efface. */
  .wbn-emplacement-bas--plein .wbn-carte-relais{display:none}
  /* La carte relais (desktop) ne porte qu'un bouton : hauteur naturelle, centrée à côté
     du texte. Étirée comme la carte du formulaire, elle laissait un grand vide blanc. */
  .wbn-carte-form--bas.wbn-carte-relais{height:auto}
  .wbn-carte-form--bas.wbn-carte-relais .wbn-promesse{margin-top:16px}
  /* Défilement vers la carte ou ses erreurs : on s'arrête sous la barre collante. */
  .wbn-carte-form,
  .wbn-carte-form .gform_anchor,
  .wbn-carte-form .gform_validation_errors,
  .wbn-carte-form .gfield{scroll-margin-top:calc(var(--wbn-barre-h,64px) + 12px)}
  /* La mention descend au bas de la carte, l'espace vide disparaît. */
  .wbn-carte-form--bas .wbn-promesse{margin-top:auto}
  .wbn-form-grille .wbn-sur{display:block;font-family:var(--titre);font-size:12px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--or-texte)}
  .wbn-form-grille h2{font-weight:200;font-size:clamp(27px,3.6vw,40px);line-height:1.18;margin-top:16px}
  .wbn-form-grille h2 strong{display:block;font-weight:500}
  .wbn-form-grille .wbn-rappel-final{color:var(--texte-doux);margin-top:16px;max-width:46ch}
  .wbn-recap{display:grid;gap:11px;margin-top:24px;padding-bottom:4px}
  .wbn-recap div{display:flex;align-items:center;gap:12px;color:var(--nuit);font-family:var(--titre);font-size:15.5px}
  .wbn-recap svg{width:19px;height:19px;stroke:var(--or);fill:none;stroke-width:1.3;flex:none;stroke-linecap:round;stroke-linejoin:round}

  .wbn-carte-form{background:var(--blanc);border:1px solid var(--trait);border-top:2px solid var(--or);border-radius:var(--rond);box-shadow:var(--ombre-carte);padding:clamp(22px,2.8vw,34px)}
  .wbn-carte-form h3{font-size:22px;font-weight:400;text-align:center}
  .wbn-carte-form .wbn-aide{color:var(--texte-doux);font-size:14px;margin-top:8px;text-align:center}
  .wbn-champs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
  .wbn-champ{display:flex;flex-direction:column;gap:6px}
  .wbn-champ.plein{grid-column:1 / -1}
  .wbn-champ label{font-family:var(--titre);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--nuit)}
  .wbn-champ label .req{color:var(--or-texte)}
  .wbn-champ input{
    font-family:var(--corps);font-size:15.5px;color:var(--nuit);
    background:#FBF9F6;border:1px solid var(--trait);border-radius:15px;padding:13px 17px;width:100%;
  }
  .wbn-champ input::placeholder{color:#A9B2BD}
  .wbn-champ input:focus{outline:2px solid var(--or);outline-offset:1px;background:#fff}
  .wbn-tel{position:relative}
  .wbn-tel input{padding-left:62px}
  .wbn-drapeau{position:absolute;left:15px;bottom:14px;display:flex;align-items:center;gap:5px;pointer-events:none}
  .wbn-drapeau .be{width:19px;height:13px;display:flex;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
  .wbn-drapeau .be i{flex:1}
  .wbn-drapeau .be i:nth-child(1){background:#2D2926}
  .wbn-drapeau .be i:nth-child(2){background:#F4C300}
  .wbn-drapeau .be i:nth-child(3){background:#C8102E}
  .wbn-drapeau .fl{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #A9B2BD}
  .wbn-radios{margin-top:18px}
  .wbn-radios > span{font-family:var(--titre);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--nuit)}
  .wbn-radios label{
    display:grid;grid-template-columns:18px minmax(0,1fr);gap:11px;align-items:start;
    margin-top:10px;padding:12px 16px;border:1px solid var(--trait);border-radius:15px;
    font-size:14.8px;line-height:1.5;cursor:pointer;transition:border-color .2s ease,background .2s ease;
  }
  .wbn-radios label:hover{border-color:var(--or);background:#FDFBF8}
  .wbn-radios input{accent-color:var(--or);margin-top:4px}
  .wbn-mention{font-size:12.5px;color:var(--texte-doux);margin-top:16px;line-height:1.5}
  .wbn-mention a{color:var(--nuit)}
  .wbn-carte-form .wbn-btn{margin-top:18px}
  .wbn-note{font-size:12px;color:var(--texte-doux);margin-top:14px;text-align:center;font-style:italic}

  .wbn-pied{background:var(--nuit);color:#9FAEC2;padding-block:30px;font-size:13.5px}
  .wbn-pied .wbn-dedans{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}
  .wbn-pied img{width:108px;filter:brightness(0) invert(1);opacity:.85}
  .wbn-pied a{color:#E7D3AE}

  .wbn-barre-mobile{
    display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--blanc);
    border-top:1px solid var(--trait);
    padding:10px var(--gouttiere);padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));
    transition:transform .3s ease;
  }
  .wbn-barre-mobile--cachee,
  .wbn-barre-mobile--cookies{transform:translateY(110%)}

  @media (max-width:1040px){
    .wbn-cartes{grid-template-columns:repeat(2,minmax(0,1fr))}
    .wbn-profils{grid-template-columns:repeat(2,minmax(0,1fr))}
    .wbn-bandeau .wbn-item{padding:15px 16px}
    .wbn-bandeau .wbn-txt{font-size:12.5px}
    .wbn-barre-info span.optionnel{display:none}
  }
  @media (max-width:880px){
    .wbn-hero-grille,.wbn-duo,.wbn-duo-panneau,.wbn-apropos,.wbn-form-grille{grid-template-columns:minmax(0,1fr)}
    /* Le comparatif passe en une seule colonne : cote a cote, les deux listes se
       serrent au point d'etre illisibles sur un telephone. */
    .wbn-compare{grid-template-columns:minmax(0,1fr);gap:16px}
    /* Le formulaire du hero cede la place au bouton qui mene a celui du bas. */
    .wbn-hero-form{display:none}
    .wbn-hero-cta{display:block}
    .wbn-hero-visuel{max-width:380px;margin-inline:auto}
    .wbn-barre-info{display:none}
    .wbn-apropos .wbn-apropos-visuel{order:-1}
    .wbn-duo-panneau .wbn-duo-visuel{order:-1}
  }
  @media (max-width:620px){
    .wbn-bandeau .wbn-dedans{flex-direction:column}
    .wbn-bandeau .wbn-item{border-left:0;border-top:1px solid rgba(255,255,255,.14);justify-content:center;padding:13px 8px}
    .wbn-bandeau .wbn-item:first-child{border-top:0}
    .wbn-cartes,.wbn-profils{grid-template-columns:minmax(0,1fr)}
    .wbn-champs{grid-template-columns:minmax(0,1fr)}
    .wbn-barre-mobile{display:block}
    body.eden-landing{padding-bottom:76px}
    /* Boutons flottants (CookieYes, WhatsApp) : au-dessus de la barre tant
       qu'elle est visible, a leur place d'origine quand elle s'efface. */
    body.eden-landing .cky-btn-revisit-wrapper,
    body.eden-landing #cmplz-manage-consent .cmplz-manage-consent,
    body.eden-landing #chaty-widget-0 .chaty-widget,
    body.eden-landing .ei-bulle{transition:bottom .3s ease}
    body.eden-landing:has(.wbn-barre-mobile:not(.wbn-barre-mobile--cachee):not(.wbn-barre-mobile--cookies)) .cky-btn-revisit-wrapper,
    body.eden-landing:has(.wbn-barre-mobile:not(.wbn-barre-mobile--cachee):not(.wbn-barre-mobile--cookies)) #cmplz-manage-consent .cmplz-manage-consent,
    body.eden-landing:has(.wbn-barre-mobile:not(.wbn-barre-mobile--cachee):not(.wbn-barre-mobile--cookies)) #chaty-widget-0 .chaty-widget,
    body:has(.wbn-barre-mobile:not(.wbn-barre-mobile--cachee):not(.wbn-barre-mobile--cookies)) .ei-bulle{
      bottom:calc(var(--wbn-barre-mobile-h,100px) + 12px) !important;
    }
  }
  /* Animations d'apparition */
  .wbn-js .wbn-anim{opacity:0;transform:translateY(20px)}
  .wbn-js .wbn-anim.wbn-vu{opacity:1;transform:none;transition:opacity .75s cubic-bezier(.22,.7,.3,1),transform .75s cubic-bezier(.22,.7,.3,1)}
  .wbn-js .wbn-anim.wbn-vu{transition-delay:var(--d,0s)}
  @keyframes wbn-monte{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
  .wbn-hero .wbn-sur,.wbn-hero h1,.wbn-hero .wbn-accroche,.wbn-hero .wbn-atouts,.wbn-hero .wbn-rebours,.wbn-hero .wbn-rappel{animation:wbn-monte .8s cubic-bezier(.22,.7,.3,1) backwards}
  .wbn-hero h1{animation-delay:.08s}
  .wbn-hero .wbn-accroche{animation-delay:.16s}
  .wbn-hero .wbn-atouts{animation-delay:.24s}
  .wbn-hero-actions{animation-delay:.32s}
  .wbn-hero .wbn-carte-form{animation:wbn-monte 1s cubic-bezier(.22,.7,.3,1) .12s backwards}
  .wbn-carte,.wbn-profil{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
  .wbn-carte:hover,.wbn-profil:hover{transform:translateY(-4px);box-shadow:var(--ombre-carte);border-color:var(--or)}
  .wbn-hero-visuel img{transition:transform .5s cubic-bezier(.22,.7,.3,1)}
  .wbn-hero-visuel img:hover{transform:scale(1.015)}
  @media (prefers-reduced-motion:reduce){
    *{transition:none!important;animation:none!important}
    .wbn-js .wbn-anim{opacity:1!important;transform:none!important}
  }

/* ------------------------------------------------------------------ *
 * Gravity Forms dans la carte d'inscription
 *
 * Le formulaire est rendu par GF : ses classes remplacent le markup de la
 * maquette. On ne touche qu'à l'intérieur de .wbn-carte-form, donc les autres
 * formulaires du site ne bougent pas.
 * ⚠️ GF écrit ses attributs en guillemets simples et applique sa propre grille
 * (.gfield--width-half) : on s'appuie dessus plutôt que de la refaire.
 * ------------------------------------------------------------------ */

.wbn-carte-form .gform_wrapper{margin:18px 0 0}
.wbn-carte-form .gform_wrapper form{margin:0}
.wbn-carte-form .gform_required_legend{display:none !important}
.wbn-carte-form .gform_fields{grid-row-gap:14px}

.wbn-carte-form .gfield_label,
.wbn-carte-form .gform_wrapper.gravity-theme .gfield_label{
  font-family:var(--titre);font-size:11px;font-weight:500;letter-spacing:.14em;
  text-transform:uppercase;color:var(--nuit);margin-bottom:7px;display:block;
}
/* Le libellé reste visible même si le champ était réglé en « libellé masqué ». */
.wbn-carte-form .gfield.hidden_label .gfield_label,
.wbn-carte-form .gform_wrapper.gravity-theme .gfield.hidden_label .gfield_label{
  position:static;clip:auto;clip-path:none;width:auto;height:auto;overflow:visible;
  white-space:normal;margin-bottom:7px;
}
.wbn-carte-form .gfield_required{color:var(--or-texte);margin-left:2px}
.wbn-carte-form .gfield_required_text,
.wbn-carte-form .gfield_required.gfield_required_text{display:none !important}

.wbn-carte-form input[type="text"],
.wbn-carte-form input[type="email"],
.wbn-carte-form input[type="tel"],
.wbn-carte-form input[type="number"],
.wbn-carte-form select,
.wbn-carte-form textarea{
  font-family:var(--corps) !important;font-size:15.5px !important;color:var(--nuit) !important;
  background:#FBF9F6 !important;border:1px solid var(--trait) !important;border-radius:15px !important;
  padding:13px 17px;width:100% !important;box-shadow:none !important;
}
.wbn-carte-form input::placeholder,
.wbn-carte-form textarea::placeholder{color:#A9B2BD !important}
/* ⚠️ Un bouton d'envoi Gravity Forms est un `input` : une règle `input:focus` avec un fond
   blanc le rendait illisible dès qu'on maintenait le clic. On exclut donc les boutons. */
.wbn-carte-form input:not([type="submit"]):not([type="button"]):focus,
.wbn-carte-form select:focus,
.wbn-carte-form textarea:focus{
  outline:2px solid var(--or-texte) !important;outline-offset:1px;background:#fff !important;
}

/* Champ téléphone international : le plugin pose déjà 47px de retrait en ligne. */
.wbn-carte-form .iti{width:100%}
.wbn-carte-form .iti__flag-container{z-index:3}

/* Choix de profil : une ligne cliquable par option, comme dans la maquette. */
.wbn-carte-form .gfield_radio .gchoice,
.wbn-carte-form .gfield_checkbox .gchoice{
  display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;align-items:start;
  padding:13px 16px;border:1px solid var(--trait);border-radius:15px;margin-top:10px;
  transition:border-color .2s ease,background .2s ease;
}
/* La puce se cale sur la première ligne du libellé, pas sur le haut du bloc. */
.wbn-carte-form .gfield_radio input[type="radio"],
.wbn-carte-form .gfield_checkbox input[type="checkbox"]{
  width:18px;height:18px;margin:3px 0 0;align-self:start;
}
.wbn-carte-form .gfield_radio label,
.wbn-carte-form .gfield_checkbox label{margin:0;padding:0;line-height:1.55}
.wbn-carte-form .gfield_radio .gchoice:hover,
.wbn-carte-form .gfield_checkbox .gchoice:hover{border-color:var(--or);background:#FDFBF8}
.wbn-carte-form .gfield_radio input,
.wbn-carte-form .gfield_checkbox input{accent-color:var(--or-texte);margin:4px 0 0}
.wbn-carte-form .gfield_radio label,
.wbn-carte-form .gfield_checkbox label{
  font-family:var(--corps);font-size:14.8px;line-height:1.5;color:var(--texte);margin:0;
}

/* Consentement et mentions légales. */
.wbn-carte-form .gfield_consent_label,
.wbn-carte-form .gfield_html{font-size:12.5px;color:var(--texte-doux);line-height:1.5}
.wbn-carte-form .gfield_html a{color:var(--nuit)}

/* Bouton d'envoi : même règle que .wbn-btn, en pleine largeur. */
.wbn-carte-form .gform_footer{margin:18px 0 0;padding:0}
.wbn-carte-form .gform_button,
.wbn-carte-form input[type="submit"],
.wbn-carte-form button[type="submit"]{
  display:inline-flex;align-items:center;justify-content:center;width:100%;
  font-family:var(--titre);font-size:12.5px;font-weight:500;letter-spacing:.16em;
  text-transform:uppercase;background:var(--or);color:var(--nuit);
  padding:17px 34px;border:1px solid var(--or);border-radius:var(--rond-bouton);
  cursor:pointer;transition:background .22s ease,border-color .22s ease,color .22s ease;
}
.wbn-carte-form .gform_button:hover,
.wbn-carte-form input[type="submit"]:hover,
.wbn-carte-form button[type="submit"]:hover{background:var(--nuit);border-color:var(--nuit);color:#fff}

/* Messages de validation. */
.wbn-carte-form .gfield_description.validation_message,
.wbn-carte-form .gform_validation_errors{
  font-family:var(--corps);font-size:13px;color:#8A1F19;background:#F9E4E2;
  border:0;border-left:3px solid #B3261E;border-radius:0 3px 3px 0;padding:10px 13px;margin-top:8px;
}
.wbn-carte-form .gform_validation_errors h2{font-size:14px;color:#8A1F19}
/* Résumé d'erreurs en tête de formulaire : la feuille de GF (.gform_wrapper.gravity-theme …,
   0,3,0) gagnait sur la nôtre (cadre rose arrondi, double contour au focus) et le collait au
   premier libellé (retour d'Olivier, 06/10). Même contexte, préfixé de la carte. */
.wbn-carte-form .gform_wrapper.gravity-theme .gform_validation_errors{
  display:flex;align-items:flex-start;gap:12px;
  background:#F9E4E2;border:0;border-left:3px solid #B3261E;border-radius:0 6px 6px 0;box-shadow:none;
  padding:14px 16px;margin:4px 0 28px;
}
.wbn-carte-form .gform_wrapper.gravity-theme .gform_validation_errors:focus{outline:0}
.wbn-carte-form .gform_wrapper.gravity-theme .gform_validation_errors>h2{
  font-family:var(--corps);font-size:14px;font-weight:600;line-height:1.5;color:#8A1F19;margin:0;padding:0;
}
.wbn-carte-form .gform_wrapper.gravity-theme .gform_validation_errors>h2 .gform-icon{
  position:static;flex:none;width:22px;height:22px;font-size:13px;line-height:22px;margin:1px 10px 0 0;
  border:0;border-radius:50%;background:#B3261E;color:#fff;display:inline-flex;align-items:center;justify-content:center;
}
.wbn-carte-form .gform_wrapper.gravity-theme .gform_validation_errors>h2{display:flex;align-items:flex-start}
.wbn-carte-form .gform_confirmation_message{
  font-family:var(--titre);font-size:16px;color:var(--nuit);
  background:var(--ivoire);border-left:3px solid var(--or);padding:18px 20px;border-radius:0 var(--rond) var(--rond) 0;
}

/* Le style.css du thème enfant cible `body .gform_button.button` : on passe au-dessus
   dans le seul contexte de la landing, sans toucher aux formulaires du reste du site. */
body .wbn-carte-form .gform_wrapper.gravity-theme .gform_footer input,
body .wbn-carte-form .gform_button.button,
body .wbn-carte-form input[type="submit"],
body .wbn-carte-form button[type="submit"]{
  background-color:var(--or);color:var(--nuit);border:1px solid var(--or);border-radius:var(--rond-bouton);
  width:100%;font-family:var(--titre);font-size:12.5px;font-weight:500;letter-spacing:.16em;
  text-transform:uppercase;padding:17px 34px;line-height:1.2 !important;
}
body .wbn-carte-form .gform_wrapper.gravity-theme .gform_footer input:hover,
body .wbn-carte-form .gform_button.button:hover,
body .wbn-carte-form input[type="submit"]:hover,
body .wbn-carte-form button[type="submit"]:hover{
  background-color:var(--nuit);border-color:var(--nuit);color:#fff;
}

/* Les icônes portent des dimensions de repli dans leur balise (cf. eden_icone) :
   inutile d'ajouter une règle générique ici, elle écraserait les tailles précises. */

/* ------------------------------------------------------------------ *
 * Gravity Forms 2.10 charge sa feuille APRÈS celle-ci, avec des sélecteurs
 * `.gform_wrapper.gravity-theme …` à (0,3,0) qui battent `.wbn-carte-form …`
 * à (0,2,0). On reprend la main en ajoutant le contexte du wrapper.
 * ------------------------------------------------------------------ */
.wbn-carte-form .gform_wrapper.gravity-theme .gform_fields{grid-row-gap:14px}
.wbn-carte-form .gform_wrapper.gravity-theme .gform_footer{margin:18px 0 0;padding:0}
.wbn-carte-form .gform_wrapper.gravity-theme .gfield_label{
  font-family:var(--titre);font-size:11px;font-weight:500;letter-spacing:.14em;
  text-transform:uppercase;color:var(--nuit);margin-bottom:7px;display:block;
}
.wbn-carte-form .gform_wrapper.gravity-theme .gfield_required{
  color:var(--or-texte);margin-left:3px;
}
/* Gravity Forms n'écrit qu'un « (Nécessaire) » réservé aux lecteurs d'écran : on garde
   cette annonce et on rétablit l'astérisque visible de la maquette. */
.wbn-carte-form .gform_wrapper.gravity-theme .gfield_required::before{content:"*"}
.wbn-carte-form .gform_wrapper.gravity-theme .gfield_radio label,
.wbn-carte-form .gform_wrapper.gravity-theme .gfield_checkbox label{
  font-family:var(--corps);font-size:14.8px;line-height:1.55;color:var(--texte);margin:0;
}
.wbn-carte-form .gform_wrapper.gravity-theme .gfield_radio .gfield-choice-input,
.wbn-carte-form .gform_wrapper.gravity-theme .gfield_checkbox .gfield-choice-input{
  width:18px;height:18px;margin:3px 0 0;accent-color:var(--or-texte);
}
.wbn-carte-form .gform_wrapper.gravity-theme .gform_button{
  background-color:var(--or);color:var(--nuit);border:1px solid var(--or);
  border-radius:var(--rond-bouton);width:100%;padding:17px 34px;line-height:1.2;
  font-family:var(--titre);font-size:12.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;
}
.wbn-carte-form .gform_wrapper.gravity-theme .gform_button:hover{
  background-color:var(--nuit);border-color:var(--nuit);color:#fff;
}
/* Retrait interne des champs : GF 2.10 impose 8px, la maquette demande 13px/17px.
   ⚠️ Le champ téléphone est exclu du raccourci `padding` : son retrait à gauche est
   posé en ligne par le plugin Perks pour laisser la place au drapeau. */
.wbn-carte-form .gform_wrapper.gravity-theme .gfield input[type="text"],
.wbn-carte-form .gform_wrapper.gravity-theme .gfield input[type="email"],
.wbn-carte-form .gform_wrapper.gravity-theme .gfield input[type="number"],
.wbn-carte-form .gform_wrapper.gravity-theme .gfield select,
.wbn-carte-form .gform_wrapper.gravity-theme .gfield textarea{
  padding:13px 17px;
}
.wbn-carte-form .gform_wrapper.gravity-theme .gfield input[type="tel"]{
  padding-top:13px;padding-bottom:13px;padding-right:17px;
}

/* L'astérisque des champs requis, à la place du « (Nécessaire) » que Gravity Forms
   réserve aux lecteurs d'écran : à l'œil, la maquette montre une astérisque dorée. */
.wbn-carte-form .gform_wrapper.gravity-theme .gfield_required{
  color:var(--or-texte);font-size:1em;margin-left:3px;
}
.wbn-carte-form .gform_wrapper.gravity-theme .gfield_required_text{
  position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;
}

/* États du bouton d'envoi pendant la soumission.
   ⚠️ Gravity Forms désactive le bouton le temps de l'envoi : sans ces règles, le navigateur
   applique son propre rendu et le bouton devient blanc sous le doigt. */
.wbn-carte-form .gform_wrapper.gravity-theme .gform_button:disabled,
.wbn-carte-form .gform_wrapper.gravity-theme .gform_button[disabled],
.wbn-carte-form .gform_button:disabled,
.wbn-carte-form input[type="submit"]:disabled{
  background-color:var(--or);border-color:var(--or);color:var(--nuit);opacity:.65;cursor:progress;
}
.wbn-carte-form .gform_wrapper.gravity-theme .gform_button:active,
.wbn-carte-form .gform_button:active{
  background-color:var(--nuit);border-color:var(--nuit);color:#fff;
}
.wbn-carte-form .gform_wrapper.gravity-theme .gform_button:focus-visible,
.wbn-carte-form .gform_button:focus-visible{
  outline:2px solid var(--nuit);outline-offset:3px;
}
/* L'indicateur d'attente de Gravity Forms reprend les couleurs de la page. */
.wbn-carte-form .gform_wrapper .gform-loader{
  border-color:rgba(27,42,68,.25);border-top-color:var(--nuit);
}

/* ------------------------------------------------------------------ *
 * Bouton d'envoi : c'est l'élément le plus important de la page.
 * Il est converti en <button> par inc/webinaire.php, ce qui permet la
 * flèche et les états.
 * ------------------------------------------------------------------ */
.wbn-carte-form .gform_wrapper.gravity-theme .gform_footer button.gform_button,
.wbn-carte-form button.gform_button{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;
  background-color:var(--or);color:var(--nuit);
  border:1px solid var(--or);border-radius:var(--rond-bouton);
  padding:21px 34px;font-family:var(--titre);font-size:14px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;line-height:1.1;cursor:pointer;
  box-shadow:0 10px 24px -10px rgba(192,151,88,.85);
  transition:background-color .22s ease,border-color .22s ease,color .22s ease,
             box-shadow .22s ease,transform .22s ease;
}
.wbn-carte-form button.gform_button .wbn-fleche{transition:transform .22s ease}
.wbn-carte-form button.gform_button:hover{
  background-color:var(--nuit);border-color:var(--nuit);color:#fff;
  box-shadow:0 14px 28px -12px rgba(27,42,68,.6);transform:translateY(-1px);
}
.wbn-carte-form button.gform_button:hover .wbn-fleche{transform:translateX(4px)}
.wbn-carte-form button.gform_button:active{
  transform:translateY(0);box-shadow:0 6px 16px -10px rgba(27,42,68,.6);
}
.wbn-carte-form button.gform_button:focus-visible{outline:2px solid var(--nuit);outline-offset:3px}
.wbn-carte-form button.gform_button:disabled{
  background-color:var(--or);border-color:var(--or);color:var(--nuit);
  opacity:.7;cursor:progress;transform:none;
}
@media (prefers-reduced-motion:reduce){
  .wbn-carte-form button.gform_button,
  .wbn-carte-form button.gform_button .wbn-fleche{transition:none}
  .wbn-carte-form button.gform_button:hover{transform:none}
}

/* ------------------------------------------------------------------ *
 * Page de remerciement (gabarit page-webinaire-merci.php)
 * ------------------------------------------------------------------ */
.wbn-merci{padding-block:clamp(48px,7vw,96px);background:var(--ivoire);min-height:60vh;display:flex;align-items:center}
.wbn-merci .wbn-dedans{max-width:760px}
.wbn-merci-carte{
  background:var(--blanc);border:1px solid var(--trait);border-top:3px solid var(--or);
  border-radius:var(--rond);box-shadow:0 18px 44px -24px rgba(27,42,68,.45);
  padding:clamp(30px,4vw,52px);text-align:center;
}
.wbn-merci-coche{
  display:inline-grid;place-items:center;width:72px;height:72px;border-radius:50%;
  border:1px solid var(--or);color:var(--or-texte);margin-bottom:22px;
}
.wbn-merci-carte h1{
  font-size:clamp(26px,3.4vw,38px);font-weight:200;color:var(--nuit);line-height:1.2;
}
.wbn-merci-texte{margin-top:16px;color:var(--texte);font-size:16.5px;line-height:1.7}
.wbn-merci-texte p + p{margin-top:12px}
.wbn-merci-rappel{
  display:grid;gap:10px;justify-content:center;margin-top:28px;padding-top:24px;
  border-top:1px solid var(--trait);
}
.wbn-merci-rappel div{
  display:flex;align-items:center;gap:11px;justify-content:center;
  font-family:var(--titre);font-size:15.5px;color:var(--nuit);
}
.wbn-merci-rappel svg{width:18px;height:18px;stroke:var(--or);fill:none;stroke-width:1.4;flex:none}
.wbn-merci-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
/* Agenda : deux boutons de même poids (Google n'ouvre pas les .ics), le retour au site
   passe dessous, en second plan. */
.wbn-merci-agenda{margin-top:28px}
.wbn-merci-agenda-titre{
  font-family:var(--titre);font-size:12px;font-weight:600;letter-spacing:.26em;
  text-transform:uppercase;color:var(--or-texte);
}
.wbn-merci-agenda .wbn-merci-actions{margin-top:14px}
.wbn-merci-agenda .wbn-btn{min-width:210px}
.wbn-merci-actions--site{margin-top:14px}
.wbn-merci-note{margin-top:20px;font-size:13.5px;color:var(--texte-doux)}
@media (max-width:620px){
  .wbn-merci-actions .wbn-btn{width:100%}
}

/* Champs à 16 px sous 760 px : en dessous, iPhone zoome la page à chaque champ touché (audit du 08/10/2026). */
@media (max-width:759px){
  .wbn-carte-form input:not([type=checkbox]):not([type=radio]),.wbn-carte-form select,.wbn-carte-form textarea{font-size:16px !important}
}

/* Listes déroulantes : apparence native retirée (sous Safari, le padding était ignoré : liste à 27 px de haut,
   audit du 08/10/2026), chevron dessiné comme dans le tunnel. */
.wbn-carte-form select{-webkit-appearance:none !important;appearance:none !important;padding-right:42px !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%233A4648' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:right 16px center !important;background-size:12px 8px !important;min-height:52px}

/* eden-site */
/**
 * En-tête « îlot », méga-menu des machines, menu mobile plein écran et pied de page.
 * Composant sans Divi (inc/site.php), chargé sur les gabarits autonomes : page du guide,
 * tunnel de commande, panier vide, Mon compte. Toutes les classes sont préfixées ei-.
 * Maquette : .claude/maquettes/entete/ (menu mobile et pied validés le 05/10/2026).
 */
:root{
  --ei-ardoise:#49575A;
  --ei-ardoise-2:#404D50;
  --ei-ardoise-3:#3A4648;
  --ei-bleu:#9DB3C8;
  --ei-bleu-pale:#E6EDF3;
  --ei-brume:#F3F5F6;
  --ei-texte:#2E3A3C;
  --ei-doux:#6B787B;
  --ei-titre:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --ei-corps:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --ei-large:1280px;
  --ei-g:clamp(16px,3vw,32px);
}
.ei-entete,.ei-entete *,.ei-tiroir,.ei-tiroir *,.ei-pied,.ei-pied *{box-sizing:border-box}
.ei-entete a,.ei-tiroir a,.ei-pied a{color:inherit;text-decoration:none}
.ei-entete,.ei-tiroir,.ei-pied{font-family:var(--ei-corps);-webkit-font-smoothing:antialiased}
.ei-svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* ---------- En-tête : l'îlot ---------- */
.ei-entete{position:sticky;top:0;z-index:2000;padding:14px var(--ei-g) 0}
/* Le menu reste collé en haut pendant le défilement : aucun ancêtre ne doit porter overflow:hidden. */
.ei-ilot{max-width:var(--ei-large);margin-inline:auto;height:76px;display:flex;align-items:center;gap:24px;padding:0 10px 0 26px;
  background:rgba(73,87,90,.95);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);
  border-radius:20px;box-shadow:0 12px 34px rgba(30,40,42,.18),inset 0 1px 0 rgba(255,255,255,.07);color:#fff;position:relative}
.ei-marque{display:flex;align-items:center;gap:12px;flex:none}
.ei-marque img{height:52px;width:auto;display:block}
.ei-marque span{font:600 9.5px/1 var(--ei-titre);letter-spacing:.24em;text-transform:uppercase;color:var(--ei-ardoise);background:var(--ei-bleu);border-radius:20px;padding:6px 9px 5px}
.ei-nav{display:flex;align-items:center;gap:2px;margin-inline:auto;font:500 14px var(--ei-titre)}
.ei-nav > a,.ei-nav > button{position:relative;display:inline-flex;align-items:center;gap:6px;padding:10px 15px;border-radius:12px;color:rgba(255,255,255,.86);background:none;border:0;font:inherit;cursor:pointer;transition:background .2s,color .2s}
.ei-nav > a:hover,.ei-nav > button:hover,.ei-nav > button[aria-expanded="true"],.ei-nav > a[aria-expanded="true"]{background:rgba(255,255,255,.09);color:#fff}
.ei-nav > a[aria-current="page"]{color:#fff}
.ei-nav > a[aria-current="page"]::after{content:"";position:absolute;left:50%;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--ei-bleu);transform:translateX(-50%)}
.ei-nav .ei-svg{width:12px;height:12px;stroke-width:2;transition:transform .25s}
.ei-nav button[aria-expanded="true"] .ei-svg,.ei-nav a[aria-expanded="true"] .ei-svg{transform:rotate(180deg)}
.ei-actions{display:flex;align-items:center;gap:6px;flex:none}
.ei-langues{display:flex;background:rgba(255,255,255,.08);border-radius:10px;padding:3px;font:600 11.5px var(--ei-titre);letter-spacing:.06em}
.ei-langues a{padding:6px 9px;border-radius:8px;color:rgba(255,255,255,.65)}
.ei-entete .ei-langues a[aria-current],.ei-tiroir .ei-langues a[aria-current]{background:#fff;color:var(--ei-ardoise)}
.ei-rond{position:relative;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;transition:background .2s;background:none;border:0;cursor:pointer}
.ei-rond:hover{background:rgba(255,255,255,.09)}
.ei-rond .ei-svg{width:21px;height:21px}
.ei-rond b{position:absolute;top:6px;right:5px;min-width:17px;height:17px;border-radius:9px;background:#fff;color:var(--ei-ardoise);font:700 10px/17px var(--ei-titre);text-align:center;padding:0 4px;box-shadow:0 0 0 2px var(--ei-ardoise)}
.ei-entete a.ei-cta,.ei-tiroir a.ei-cta,.ei-pied a.ei-cta,.ei-cta{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 20px;border-radius:14px;background:#fff;color:var(--ei-ardoise);font:600 13.5px var(--ei-titre);transition:background .2s,transform .2s}
.ei-entete a.ei-cta:hover,.ei-tiroir a.ei-cta:hover,.ei-pied a.ei-cta:hover{background:#EDF0F0;color:var(--ei-ardoise-3);box-shadow:0 6px 16px rgba(30,40,42,.18);transform:translateY(-1px)}
.ei-cta .ei-svg{width:16px;height:16px}
.ei-burger{display:none}

/* Méga-menu « Nos machines » */
.ei-mega{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#fff;border-radius:22px;box-shadow:0 30px 60px rgba(30,40,42,.22);padding:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.8fr);gap:12px;color:var(--ei-texte)}
#ei-mega-academie{grid-template-columns:repeat(var(--ei-cartes,3),minmax(0,1fr)) minmax(0,.8fr)}
.ei-mega[hidden]{display:none}
.ei-machine{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/5;display:flex;align-items:flex-end;isolation:isolate}
.ei-machine img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
.ei-machine::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(28,36,38,0) 35%,rgba(28,36,38,.82))}
.ei-machine:hover img{transform:scale(1.05)}
.ei-machine div{padding:18px;color:#fff;width:100%}
.ei-machine small{display:block;font:600 10px var(--ei-titre);letter-spacing:.2em;text-transform:uppercase;color:var(--ei-bleu)}
.ei-machine b{display:block;margin-top:4px;font:500 21px/1.1 var(--ei-titre);letter-spacing:.04em}
.ei-machine b sup{font-size:.5em;margin-left:2px}
.ei-machine span{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:13px;color:rgba(255,255,255,.82)}
.ei-machine span i{font-style:normal;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;transition:background .2s}
.ei-machine:hover span i{background:var(--ei-bleu);color:var(--ei-ardoise)}
.ei-mega-aside{border-radius:14px;background:var(--ei-brume);padding:22px;display:flex;flex-direction:column;gap:10px}
.ei-mega-aside h3{margin:0;font:500 18px/1.3 var(--ei-titre);color:var(--ei-ardoise)}
.ei-mega-aside p{margin:0;font-size:13.5px;line-height:1.6;color:var(--ei-doux)}
.ei-mega-aside ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px;font-size:13.5px}
.ei-mega-aside li{display:flex;gap:9px;align-items:flex-start;line-height:1.45}
.ei-mega-aside li .ei-svg{width:15px;height:15px;color:var(--ei-ardoise);flex:none;margin-top:3px}
.ei-entete .ei-mega-aside a.ei-lien{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font:600 13.5px var(--ei-titre);color:var(--ei-ardoise)}

/* ---------- Menu mobile plein écran ---------- */
.ei-tiroir{position:fixed;inset:0;z-index:100000;background:var(--ei-ardoise);color:#fff;display:flex;flex-direction:column;padding:14px var(--ei-g) calc(18px + env(safe-area-inset-bottom,0px));overflow-y:auto}
.ei-tiroir[hidden]{display:none}
.ei-tiroir-tete{display:flex;align-items:center;justify-content:space-between;height:60px}
.ei-tiroir-tete .ei-marque img{height:44px}
.ei-fermer{width:46px;height:46px;border-radius:14px;background:rgba(255,255,255,.1);border:0;color:#fff;display:grid;place-items:center}
.ei-tiroir nav{margin-top:8px;display:flex;flex-direction:column}
.ei-tiroir nav > a,.ei-tiroir nav > p{display:flex;align-items:center;justify-content:space-between;margin:0;padding:12px 0;font:300 22px/1.25 var(--ei-titre);letter-spacing:0;border-bottom:1px solid rgba(255,255,255,.08)}
.ei-tiroir nav > a .ei-svg{width:17px;height:17px;opacity:.5}

.ei-carrousel{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ei-g);margin:4px calc(var(--ei-g) * -1) 6px;padding:10px var(--ei-g) 14px;scrollbar-width:none}
.ei-carrousel::-webkit-scrollbar{display:none}
/* pas d'élastique iOS aux extrémités (retour d'Olivier, 05/10 : grand vide quand on tire au-delà de la première ou de la dernière machine) */
.ei-carrousel{overscroll-behavior-x:none;-webkit-overflow-scrolling:auto}
.ei-carrousel .ei-machine{flex:0 0 54%;scroll-snap-align:start;aspect-ratio:4/5}
.ei-carrousel .ei-machine b{font-size:16px}.ei-carrousel .ei-machine div{padding:14px}
.ei-tiroir-pied{margin-top:auto;padding-top:22px;display:grid;gap:14px}
.ei-tiroir-pied .ei-cta{height:52px;justify-content:center;font-size:14.5px;border-radius:14px}
.ei-tiroir-ligne{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:rgba(255,255,255,.7)}
.ei-tiroir-ligne .ei-langues a{padding:8px 12px}
.ei-sociaux{display:flex;gap:8px}
.ei-sociaux a{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center}
.ei-sociaux svg{width:16px;height:16px;fill:#fff}

/* ---------- Pied de page signature ---------- */
.ei-pied{background:var(--ei-ardoise);color:rgba(255,255,255,.78);margin-top:0;overflow:hidden;position:relative}
.ei-pied-dedans{max-width:var(--ei-large);margin-inline:auto;padding-inline:var(--ei-g)}
.ei-appel{display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:30px;align-items:end;padding-block:clamp(56px,7vw,92px) clamp(40px,5vw,60px);border-bottom:1px solid rgba(255,255,255,.1)}
.ei-appel small{font:600 11px var(--ei-titre);letter-spacing:.24em;text-transform:uppercase;color:var(--ei-bleu)}
.ei-appel h2{margin:14px 0 0;font:200 clamp(32px,4.6vw,58px)/1.06 var(--ei-titre);letter-spacing:-.02em;color:#fff}
.ei-appel h2 strong{font-weight:500}
.ei-appel-actions{display:flex;gap:10px;flex-wrap:wrap}
.ei-bouton-ligne{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 20px;border-radius:14px;border:1px solid rgba(255,255,255,.35);color:#fff;font:600 13.5px var(--ei-titre)}
.ei-bouton-ligne:hover{background:rgba(255,255,255,.08)}
.ei-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr) minmax(0,1.25fr);gap:clamp(22px,3vw,40px);padding-block:clamp(40px,5vw,60px)}
.ei-pied h3{margin:0 0 14px;font:600 11px var(--ei-titre);letter-spacing:.22em;text-transform:uppercase;color:#fff}
.ei-liens{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.ei-liens a{transition:color .2s}
.ei-liens a:hover{color:#fff}
.ei-liens sup{font-size:.6em}
.ei-lieu{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.6;font-style:normal}
.ei-lieu .ei-pastille{width:38px;height:38px;border-radius:12px;background:var(--ei-bleu);color:var(--ei-ardoise);display:grid;place-items:center;margin-bottom:10px}
.ei-lieu strong{font:500 15px var(--ei-titre);color:#fff}
.ei-pied .ei-lieu a.ei-mail{color:#fff;margin-top:6px}
.ei-pied .ei-lieu a.ei-route{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font:600 12.5px var(--ei-titre);color:var(--ei-bleu)}
.ei-partenaires{display:flex;align-items:center;gap:clamp(18px,4vw,46px);flex-wrap:wrap;padding-block:22px;border-top:1px solid rgba(255,255,255,.1)}
.ei-partenaires small{font:600 10.5px var(--ei-titre);letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.ei-partenaires img{height:30px;width:auto;filter:brightness(0) invert(1);opacity:.7}
.ei-bas{background:var(--ei-ardoise-3)}
.ei-bas .ei-pied-dedans{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-height:64px;font-size:12.5px;color:rgba(255,255,255,.6)}
.ei-bas nav{display:flex;gap:18px;flex-wrap:wrap}
.ei-bas a:hover{color:#fff}
.ei-legal{display:flex;align-items:baseline;justify-content:space-between;gap:10px 28px;flex-wrap:wrap;margin:0;padding-block:20px 24px;border-top:1px solid rgba(255,255,255,.1);font-size:12.5px;line-height:1.6;color:rgba(255,255,255,.55)}
.ei-legal nav{display:flex;flex-wrap:wrap;gap:6px 20px}
.ei-legal a{transition:color .2s}
.ei-legal a:hover{color:#fff}

@media (max-width:1100px){
  .ei-nav{font-size:13px}.ei-nav > a,.ei-nav > button{padding:10px 10px}
  .ei-marque span{display:none}
  .ei-grille{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ei-grille .ei-lieu{grid-column:span 1}
}
@media (max-width:960px){
  .ei-entete{padding:10px 12px 0}
  .ei-ilot{height:64px;padding:0 8px 0 18px;border-radius:18px;gap:8px}
  .ei-marque img{height:44px}
  .ei-ilot .ei-nav,.ei-ilot .ei-langues,.ei-ilot > .ei-actions .ei-cta{display:none}
  .ei-actions{margin-left:auto}
  .ei-burger{display:grid;background:#fff;color:var(--ei-ardoise)}
  .ei-burger:hover{background:var(--ei-bleu-pale)}
  .ei-mega{display:none}
  .ei-appel{grid-template-columns:minmax(0,1fr);align-items:start}
  .ei-grille{grid-template-columns:1fr 1fr}
  .ei-grille > div:first-child{grid-column:1/-1}
  .ei-grille .ei-lieu{grid-column:1/-1}
}
@media (max-width:520px){
  .ei-legal{flex-direction:column;gap:10px}
  .ei-legal nav{gap:6px 16px}
  .ei-bas .ei-pied-dedans{flex-direction:column;align-items:flex-start;padding-block:18px}
}
@media (prefers-reduced-motion:reduce){*{transition:none !important}}

/* Défilement bloqué pendant que le menu mobile est ouvert. */
html.ei-tiroir-ouvert{overflow:hidden}
.ei-entete .ei-ilot :focus-visible,.ei-tiroir :focus-visible,.ei-pied :focus-visible{outline:2px solid var(--ei-bleu);outline-offset:2px}

/* Menu mobile : flèches du carrousel et liste des machines en texte. */
.ei-tiroir nav > p .ei-fleches{display:flex;gap:6px}
.ei-fleches button{width:36px;height:36px;border-radius:11px;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}
.ei-fleches button:hover{background:rgba(255,255,255,.1)}
.ei-fleches button[disabled]{opacity:.35;cursor:default}
.ei-fleches .ei-svg{width:16px;height:16px}
.ei-machines-texte{list-style:none;margin:0 0 6px;padding:0 0 10px;display:grid;gap:2px;border-bottom:1px solid rgba(255,255,255,.08)}
.ei-machines-texte a{display:flex;align-items:baseline;gap:8px;padding:7px 0;font:500 15px var(--ei-titre);letter-spacing:.04em;color:#fff}
.ei-machines-texte sup{font-size:.62em;vertical-align:.55em;line-height:0;margin-left:1px}
.ei-machines-texte small{font:400 12.5px var(--ei-corps);letter-spacing:0;color:rgba(255,255,255,.6)}
.ei-machines-texte li:last-child a{font-weight:400;color:var(--ei-bleu);font-size:14px}

/* ---------- Sur les pages Divi : en-tête et pied de Divi masqués, styles de Divi neutralisés ---------- */
body.eden-entete-partout #top-header,body.eden-entete-partout #main-header,body.eden-entete-partout #main-footer,body.eden-entete-partout .et-l--header,body.eden-entete-partout .et-l--footer{display:none !important}
body.eden-entete-partout #page-container{padding-top:0 !important;margin-top:0 !important}
body.eden-entete-partout.admin-bar .ei-entete{top:32px}
@media (max-width:782px){body.eden-entete-partout.admin-bar .ei-entete{top:46px}}
/* accueil, téléphone et tablette : l'en-tête flottant (74 px) recouvrait le haut de l'encart du bandeau, posé à 20 px du bord (retour d'Olivier, 05/10) */
@media (max-width:980px){body.eden-entete-partout.home #main-content .et_pb_section_0{padding-top:104px !important}}
/* Divi pose des marges et tailles sur les titres, paragraphes, listes et liens : on les reprend. */
.ei-entete h1,.ei-entete h2,.ei-entete h3,.ei-tiroir h1,.ei-tiroir h2,.ei-tiroir h3,.ei-pied h2,.ei-pied h3{padding:0}
.ei-pied .ei-appel h2{line-height:1.06}
.ei-entete p,.ei-tiroir p,.ei-pied p{padding:0}
.ei-entete ul,.ei-tiroir ul,.ei-pied ul{padding:0;list-style:none}
.ei-pied address{margin:0}
.ei-entete button,.ei-tiroir button{font-family:inherit;line-height:1}

/* Pages qui commencent par un visuel (accueil, académie) : le visuel monte jusqu'en haut de
   l'écran, l'îlot flotte par-dessus (marge négative de la hauteur de l'en-tête : 14 + 76 px,
   10 + 64 px en mobile). Classe posée par eden_entete_flottant(). */
body.eden-entete-flottant .ei-entete{margin-bottom:-90px}
@media (max-width:960px){body.eden-entete-flottant .ei-entete{margin-bottom:-74px}}

/* =========================================================================
   BANDEAU COOKIES COMPLIANZ (remplace CookieYes, même réglage qu'AQ Label)
   Couleurs redéfinies ici sur les variables de Complianz : versionnées avec le thème, elles ne
   dépendent pas de la feuille générée par l'extension. En bas à gauche : la bulle de contact
   occupe le bas à droite.
   ========================================================================= */
.cmplz-cookiebanner,#cmplz-manage-consent{
  --cmplz_banner_background_color:#ffffff;--cmplz_banner_border_color:#DCE2E3;--cmplz_banner_border_radius:14px;
  --cmplz_text_color:#2E3A3C;--cmplz_hyperlink_color:#8E6A2C;--cmplz_text_font_size:13.5px;--cmplz_link_font_size:13.5px;--cmplz_title_font_size:19px;
  --cmplz_button_accept_background_color:#49575A;--cmplz_button_accept_border_color:#49575A;--cmplz_button_accept_text_color:#ffffff;
  --cmplz_button_deny_background_color:#ffffff;--cmplz_button_deny_border_color:#49575A;--cmplz_button_deny_text_color:#49575A;
  --cmplz_button_settings_background_color:#ffffff;--cmplz_button_settings_border_color:#DCE2E3;--cmplz_button_settings_text_color:#49575A;
  --cmplz_button_border_radius:8px;--cmplz_button_font_size:12.5px;
  --cmplz_slider_active_color:#49575A;--cmplz_slider_inactive_color:#C9D1D3;--cmplz_slider_bullet_color:#ffffff;--cmplz_category_header_always_active_color:#2F7A54;
}
.cmplz-cookiebanner{font-family:'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;border-top:3px solid #C09758 !important;box-shadow:0 18px 50px rgba(30,40,42,.22) !important}
.cmplz-cookiebanner .cmplz-title{font-family:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif !important;font-weight:500 !important;line-height:1.25 !important;margin:0 !important}
.cmplz-cookiebanner .cmplz-body,.cmplz-cookiebanner .cmplz-header,.cmplz-cookiebanner .cmplz-divider{line-height:1.4 !important}
.cmplz-cookiebanner .cmplz-message,.cmplz-cookiebanner .cmplz-message p{line-height:1.55 !important;font-weight:400 !important}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn{font-family:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif !important;font-weight:600 !important;letter-spacing:.06em;text-transform:uppercase;border-width:1px !important}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover{background:#3A4648 !important}
.cmplz-blocked-content-notice{font-family:'Poppins',sans-serif !important;background:#49575A !important;color:#fff !important;border-radius:8px !important}
.cmplz-blocked-content-container,.cmplz-wp-video{background-color:#EEF1F1 !important}
@media (min-width:768px){
  .cmplz-cookiebanner.cmplz-bottom-right{right:auto !important;left:16px !important}
  #cmplz-manage-consent .cmplz-manage-consent{right:auto !important;left:40px !important}
}
/* En-tête du bandeau : logo à gauche, croix à droite, titre dessous (le logo horizontal écraserait le titre sur une ligne). */
.cmplz-cookiebanner .cmplz-header{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;grid-template-areas:"logo fermer" "titre titre" !important;align-items:center !important;row-gap:12px;min-height:0 !important}
.cmplz-cookiebanner .cmplz-logo{grid-area:logo;display:block !important;width:auto !important;height:auto !important;justify-self:start}
.cmplz-cookiebanner .cmplz-logo img{display:block;width:104px !important;height:auto !important;max-width:none !important}
.cmplz-cookiebanner .cmplz-title{grid-area:titre;text-align:left !important;justify-self:start}
.cmplz-cookiebanner .cmplz-close{grid-area:fermer;justify-self:end}
.cmplz-cookiebanner .cmplz-logo,.cmplz-cookiebanner .cmplz-logo img{margin:0 !important;padding:0 !important}
.cmplz-cookiebanner .cmplz-title{justify-self:stretch !important;width:100%}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-header{grid-template-columns:minmax(0,1fr) auto !important}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title{grid-column:1 / -1 !important;grid-row:2 !important;text-align:left !important}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-logo{grid-column:1 !important;grid-row:1 !important}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-close{grid-column:2 !important;grid-row:1 !important}
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-logo img{max-height:none !important;width:104px !important;height:auto !important;object-fit:contain;object-position:left center}

/* =========================================================================
   AVIS GOOGLE EN ATTENTE DU CONSENTEMENT (inc/cookies.php)
   Le widget Trustindex n'est chargé qu'après l'accord « marketing » : l'encart évite un titre au-dessus du vide.
   ========================================================================= */
.eden-avis-attente{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 20px;max-width:720px;margin:0 auto;padding:20px 24px;border:1px solid #DCE2E4;border-radius:14px;background:#fff;font-family:var(--ei-corps);font-size:15px;line-height:1.5;color:var(--ei-texte);text-align:center}
.eden-avis-attente[hidden]{display:none}
.eden-avis-attente p{margin:0;flex:1 1 320px;min-width:0}
.eden-avis-attente button{appearance:none;border:1px solid var(--ei-ardoise);border-radius:999px;background:var(--ei-ardoise);color:#fff;font:600 14px/1 var(--ei-titre);padding:12px 20px;cursor:pointer;transition:background .2s,color .2s}
.eden-avis-attente button:hover{background:#fff;color:var(--ei-ardoise)}
.eden-avis-attente button:focus-visible{outline:2px solid var(--ei-ardoise);outline-offset:3px}

/* =========================================================================
   BULLE WHATSAPP (inc/bulle.php, remplace Chaty)
   Rond vert WhatsApp (repère immédiat), texte au survol sur ordinateur, sous le menu mobile
   (z-index 100000) et sous le bandeau cookies.
   ========================================================================= */
.ei-bulle{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:9990;display:flex;align-items:center;gap:10px;text-decoration:none;transition:bottom .3s ease}
.ei-bulle-rond{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;box-shadow:0 10px 26px rgba(30,40,42,.25);transition:transform .2s ease,box-shadow .2s ease}
.ei-bulle-texte{font:500 13.5px 'Poppins',-apple-system,BlinkMacSystemFont,sans-serif;color:#fff;background:#49575A;padding:9px 14px;border-radius:999px;box-shadow:0 8px 20px rgba(30,40,42,.2);white-space:nowrap;opacity:0;transform:translateX(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.ei-bulle:hover .ei-bulle-rond,.ei-bulle:focus-visible .ei-bulle-rond{transform:scale(1.06);box-shadow:0 14px 32px rgba(30,40,42,.3)}
.ei-bulle:hover .ei-bulle-texte,.ei-bulle:focus-visible .ei-bulle-texte{opacity:1;transform:none}
.ei-bulle:focus-visible{outline:none}
.ei-bulle:focus-visible .ei-bulle-rond{outline:2px solid #49575A;outline-offset:3px}
html.ei-tiroir-ouvert .ei-bulle{display:none}
@media (max-width:767px){.ei-bulle{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}.ei-bulle-rond{width:52px;height:52px}.ei-bulle-texte{display:none}}
@media (prefers-reduced-motion:reduce){.ei-bulle,.ei-bulle-rond,.ei-bulle-texte{transition:none}}

/* ===== MENU MOBILE : OUVERTURE ANIMÉE (06/10) =====
   Cercle qui se déploie depuis le burger (--ei-x, --ei-y posés par site.js), puis entrées en cascade
   (--ei-i). Fermeture plus courte, sans cascade. Mouvement réduit : simple fondu. */
.ei-tiroir{clip-path:circle(0 at var(--ei-x,calc(100% - 40px)) var(--ei-y,40px));transition:clip-path .42s cubic-bezier(.7,0,.84,0)}
.ei-tiroir.ei-tiroir--ouvert{clip-path:circle(150vmax at var(--ei-x,calc(100% - 40px)) var(--ei-y,40px));transition:clip-path .62s cubic-bezier(.16,1,.3,1)}
.ei-tiroir .ei-entree{opacity:0;transform:translateY(16px);transition:opacity .2s,transform .2s}
.ei-tiroir--ouvert .ei-entree{opacity:1;transform:none;transition:opacity .45s ease calc(.16s + var(--ei-i,0) * .045s),transform .55s cubic-bezier(.16,1,.3,1) calc(.16s + var(--ei-i,0) * .045s)}
.ei-tiroir .ei-fermer{transition:transform .5s cubic-bezier(.16,1,.3,1) .2s}
.ei-tiroir:not(.ei-tiroir--ouvert) .ei-fermer{transform:rotate(-90deg)}
@media (prefers-reduced-motion:reduce){
  .ei-tiroir,.ei-tiroir.ei-tiroir--ouvert{clip-path:none;opacity:0;transition:opacity .2s}
  .ei-tiroir.ei-tiroir--ouvert{opacity:1}
  .ei-tiroir .ei-entree,.ei-tiroir--ouvert .ei-entree{opacity:1;transform:none;transition:none}
  .ei-tiroir .ei-fermer{transition:none;transform:none}
}

/* ======================== ACCESSIBILITÉ ET MOBILE (audit du 08/10/2026) ======================== */
/* Lien d'évitement : invisible jusqu'au focus clavier. */
.ei-evitement{position:absolute;left:16px;top:-80px;z-index:100001;background:#fff;color:#1E2729;font:600 14px/1 var(--titre,inherit);padding:14px 18px;border-radius:8px;box-shadow:0 6px 22px rgba(0,0,0,.18);text-decoration:none;transition:top .15s}
.ei-evitement:focus{top:16px;outline:2px solid #1E2729;outline-offset:2px}
main#contenu:focus{outline:none}
/* Champs à 16 px sous 760 px : en dessous, iPhone zoome la page à chaque champ touché. */
@media (max-width:759px){
  main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]),main select,main textarea{font-size:16px !important}
}

/* eden-guide */
/**
 * Page de vente « Guide » (gabarit page-guide.php).
 *
 * Complète webinaire.css, chargée avant elle : la page reprend la charte, les sections et
 * les classes `wbn-` de la landing, et n'ajoute ici que ce qui lui est propre (couverture,
 * carte d'achat, programme en 5 étapes, chiffre des pages, vidéo).
 * Chargée uniquement sur ce gabarit par inc/guide.php.
 */

/* Couleurs : la page vit dans le site, on quitte le bleu nuit de la landing pour l'ardoise du
   logo (#49575A, demande d'Olivier : « le bleu et le vert, pas un top mélange »). L'or reste. */
.wbn-guide{--nuit:#3A4648;--nuit-doux:#56656A;--ombre:0 6px 22px rgba(58,70,72,.08);--ombre-carte:0 12px 34px rgba(58,70,72,.10)}

/* Défilement doux vers les ancres (« Je m’inscris »…) : sur la page elle-même, pas sur le
   conteneur, sinon le navigateur l'ignore (retour d'Olivier, 06/10). Coupé si le visiteur réduit les animations. */
html:has(.wbn-guide){scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html:has(.wbn-guide){scroll-behavior:auto}}
/* Arrivée sous l'en-tête collant du site (îlot de 76 px + marge). */
.wbn-guide [id]{scroll-margin-top:110px}
/* Ancres : rien ne doit s'arrêter sous la barre collante. */
.wbn-guide{scroll-behavior:smooth}
.wbn-guide [id]{scroll-margin-top:calc(var(--wbn-barre-h,72px) + 16px)}

/* Barre du guide sous l'en-tête du site : elle ne colle plus (l'îlot colle déjà). */
.wbn-guide .wbn-barre{position:static}
.wbn-guide .wbn-barre-info{margin-left:0}

/* Barre du haut : prix à côté du bouton. */
.wbn-barre-prix{font-family:var(--titre);font-size:15px;color:var(--nuit);white-space:nowrap;margin-left:auto}
.wbn-barre-prix b{font-weight:500}

/* Couverture du guide : l'image fournie, ou une couverture dessinée en CSS à défaut. */
.wbn-livre{perspective:1400px;display:flex;justify-content:center;background:var(--ivoire);border-radius:8px;padding:28px 0 26px;margin-bottom:22px}
.wbn-livre img.wbn-livre-image{width:min(232px,62vw);height:auto;border-radius:3px 8px 8px 3px;box-shadow:18px 22px 40px rgba(58,70,72,.28);transform:rotateY(-12deg) rotateX(2deg);transition:transform .6s cubic-bezier(.22,.7,.3,1)}
.wbn-couv{
  position:relative;width:min(232px,62vw);aspect-ratio:210/297;max-width:100%;
  background:linear-gradient(160deg,#5A696C 0%,#49575A 55%,#3A4648 100%);
  border-radius:3px 8px 8px 3px;transform:rotateY(-16deg) rotateX(3deg);
  box-shadow:18px 22px 40px rgba(58,70,72,.28),2px 2px 0 rgba(255,255,255,.06) inset;
  padding:26px 22px 20px 30px;display:flex;flex-direction:column;color:#fff;
  transition:transform .6s cubic-bezier(.22,.7,.3,1);
}
.wbn-livre:hover .wbn-couv{transform:rotateY(-6deg) rotateX(1deg)}
.wbn-livre:hover img.wbn-livre-image{transform:rotateY(-4deg) rotateX(1deg)}
.wbn-couv::before{content:"";position:absolute;left:0;top:0;bottom:0;width:9px;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(255,255,255,.08) 60%,rgba(0,0,0,.15));border-radius:3px 0 0 3px}
.wbn-couv::after{content:"";position:absolute;right:-7px;top:5px;bottom:5px;width:7px;background:repeating-linear-gradient(180deg,#F4EFE6 0 2px,#E4DCCD 2px 3px);border-radius:0 3px 3px 0}
.wbn-couv img{width:74px;height:auto;filter:brightness(0) invert(1);opacity:.9}
.wbn-couv-sur{margin-top:auto;font-family:var(--titre);font-size:8.5px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--or-clair)}
.wbn-couv-titre{font-family:var(--titre);font-weight:200;font-size:25px;line-height:1.08;margin-top:10px;letter-spacing:-.01em;color:#fff}
.wbn-couv-titre strong{display:block;font-weight:500;color:var(--or-clair)}
.wbn-couv-filet{width:34px;height:1px;background:var(--or);margin:14px 0 12px}
.wbn-couv-pied{font-family:var(--titre);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#AEBACA}

/* Carte d'achat (hero et bas de page). */
.wbn-achat{background:var(--blanc);border:1px solid var(--trait);border-top:2px solid var(--or);border-radius:var(--rond);box-shadow:var(--ombre-carte);padding:clamp(22px,2.8vw,32px)}
.wbn-achat-titre{font-family:var(--titre);font-size:15px;font-weight:500;color:var(--nuit);text-align:center;letter-spacing:.02em}
.wbn-achat-titre span{display:block;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--or-texte);margin-bottom:6px}
.wbn-prix{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:14px;font-family:var(--titre);color:var(--nuit)}
.wbn-prix b{font-size:46px;font-weight:300;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.wbn-prix i{font-style:normal;font-size:13px;font-weight:500;letter-spacing:.14em;color:var(--texte-doux)}
.wbn-prix del{font-size:22px;color:var(--texte-doux);font-weight:300}
.wbn-achat .wbn-btn{margin-top:18px}
.wbn-achat-promo{margin-top:14px;text-align:center;font-family:var(--titre);font-size:14px;color:var(--nuit);background:#FDFBF8;border:1px dashed var(--or);border-radius:8px;padding:10px 12px}
.wbn-achat-promo b{font-weight:600;letter-spacing:.06em}
.wbn-inclus{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:9px;font-size:14.5px;line-height:1.5}
.wbn-inclus li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:11px;align-items:start;color:var(--texte)}
.wbn-inclus svg{width:16px;height:16px;stroke:var(--or);fill:none;stroke-width:1.8;margin-top:3px;stroke-linecap:round;stroke-linejoin:round}
.wbn-paiement{margin-top:18px;padding-top:16px;border-top:1px solid var(--trait);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wbn-paiement > span{display:flex;align-items:center;gap:8px;font-family:var(--titre);font-size:12px;letter-spacing:.08em;color:var(--nuit)}
.wbn-paiement > span svg{width:15px;height:15px;stroke:var(--or);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wbn-moyens{display:flex;gap:6px;flex-wrap:wrap}
.wbn-moyens i{font-style:normal;font-family:var(--titre);font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--nuit-doux);border:1px solid var(--trait);border-radius:4px;padding:4px 7px;background:#fff}
.wbn-achat-indispo{margin-top:16px;text-align:center;color:var(--texte-doux);font-size:14px}

/* Hero : texte d'appui et slogan. */
.wbn-hero-texte{margin-top:14px;max-width:52ch;color:var(--texte-doux)}
.wbn-slogan{margin-top:26px;display:inline-flex;align-items:center;gap:12px;font-family:var(--titre);font-size:15px;color:var(--nuit);padding:12px 18px;border:1px solid var(--or);border-radius:40px;background:#FDFBF8}
.wbn-slogan svg{width:18px;height:18px;stroke:var(--or);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wbn-slogan b{font-weight:600}
/* Une remise à zéro des paragraphes de la landing annulait le bas du padding (texte tassé vers le bas). */
.wbn-guide p.wbn-slogan{padding:11px 20px 11px 16px;line-height:1.4}

/* Constat : chapô centré et critères en pastilles. */
.wbn-intro-constat{font-family:var(--titre);font-weight:300;color:var(--nuit-doux);font-size:clamp(17px,2vw,20px);line-height:1.5;text-align:center;max-width:52ch;margin:18px auto 0}
.wbn-criteres{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.wbn-criteres span{font-family:var(--titre);font-size:13.5px;color:var(--nuit);background:var(--ivoire);border:1px solid var(--trait);border-radius:30px;padding:6px 14px}

/* Programme : 5 étapes, 3 puis 2. */
.wbn-cartes--5{grid-template-columns:repeat(6,minmax(0,1fr))}
.wbn-cartes--5 .wbn-carte{grid-column:span 2}
.wbn-cartes--5 .wbn-carte:nth-child(4),.wbn-cartes--5 .wbn-carte:nth-child(5){grid-column:span 3}

/* Le guide : chiffre des pages. */
.wbn-chiffre{display:flex;align-items:center;gap:18px;margin-top:24px;padding:16px 0;border-top:1px solid var(--trait);border-bottom:1px solid var(--trait)}
.wbn-chiffre b{font-family:var(--titre);font-size:clamp(54px,6vw,72px);font-weight:200;color:var(--or-texte);line-height:1;letter-spacing:-.04em}
.wbn-chiffre span{font-family:var(--titre);font-size:17px;font-weight:300;color:var(--nuit);line-height:1.45;max-width:30ch}
.wbn-duo-panneau .wbn-chiffre + p{margin-top:16px}

/* À propos : titre long, vidéo intégrée. */
.wbn-titre-section.wbn-titre-large{max-width:30ch;margin-inline:auto}
.wbn-video{position:relative;aspect-ratio:16/9;border-radius:var(--rond);overflow:hidden;box-shadow:var(--ombre);background:var(--nuit)}
.wbn-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Pied : liens. */
.wbn-pied-liens{display:flex;flex-wrap:wrap;gap:6px 14px}

@media (max-width:880px){
  .wbn-cartes--5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wbn-cartes--5 .wbn-carte,.wbn-cartes--5 .wbn-carte:nth-child(4){grid-column:span 1}
  .wbn-cartes--5 .wbn-carte:nth-child(5){grid-column:1 / -1}
  .wbn-barre-prix{display:none}
}
@media (max-width:620px){
  .wbn-cartes--5{grid-template-columns:minmax(0,1fr)}
  .wbn-cartes--5 .wbn-carte:nth-child(5){grid-column:auto}
  .wbn-slogan{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
  .wbn-guide{scroll-behavior:auto}
  .wbn-couv,.wbn-livre img.wbn-livre-image{transition:none}
}

/* Fil d'Ariane (Yoast) en tête du hero : petit, discret, au-dessus du surtitre. */
.wbn-guide .wbn-ariane{margin:0 0 clamp(18px,2.4vw,28px);font-family:var(--corps);font-size:13px;line-height:1.5;color:var(--texte-doux)}
.wbn-guide .wbn-ariane > span{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.wbn-guide .wbn-ariane a{color:var(--texte-doux);text-decoration:none;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.wbn-guide .wbn-ariane a:hover,.wbn-guide .wbn-ariane a:focus-visible{color:var(--nuit);border-bottom-color:currentColor}
.wbn-guide .wbn-ariane .breadcrumb_last{color:var(--nuit);font-weight:600}
.wbn-guide .wbn-ariane-sep{color:var(--or);font-size:15px;line-height:1}
@media (max-width:620px){.wbn-guide .wbn-ariane{font-size:12px}}

/* Texte des boutons dorés : l'ardoise #3A4648 ne donnait que 3,63:1 sur l'or ; #1E2729 donne 5,67:1 (audit du 08/10/2026). */
.wbn-guide .wbn-btn{color:#1E2729}
.wbn-guide .wbn-btn:hover{color:#fff}

/* eden-formation */
/**
 * Fiches formation en ligne (single-formation.php), en complément de webinaire.css et guide.css.
 * Maquette validée par Olivier le 06/10/2026 (artifact JZhbHBTLJjFHWZntJk9aVX).
 * Chargée uniquement sur ces fiches par inc/formation.php.
 */

/* Carte d'achat : photo de la formation en tête, à fond perdu. */
.wbn-formation .wbn-achat{overflow:hidden}
.frm-photo{margin:calc(-1*clamp(22px,2.8vw,32px)) calc(-1*clamp(22px,2.8vw,32px)) 20px;aspect-ratio:16/9;overflow:hidden}
.frm-photo img{display:block;width:100%;height:100%;object-fit:cover}
.wbn-formation .wbn-achat-titre{font-size:18px}
.wbn-formation .wbn-achat .wbn-btn--plein{display:flex;justify-content:center;width:100%}

/* Ce que vous recevez : le certificat seul, sans fond, cadre ni ombre (retour d'Olivier, 06/10). */
.wbn-formation .frm-certif{background:none;box-shadow:none;border-radius:0;display:grid;place-items:center;padding:0;aspect-ratio:auto}
.wbn-formation .frm-certif img{box-shadow:none;border-radius:0;height:auto !important;object-fit:contain}
.wbn-formation p.frm-note{font-size:14px;color:var(--texte-doux);border-left:2px solid var(--or);padding-left:14px;margin-top:16px}

/* Avis Google (widget) */
.frm-avis-widget{margin-top:28px}

/* Public : deux encarts. */
.frm-infos{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.frm-info{background:#fff;border:1px solid var(--trait);border-radius:var(--rond);padding:24px}
.wbn-formation .frm-info h3{font-family:var(--titre);font-weight:500;font-size:17px;color:var(--nuit);margin:12px 0 6px}
.wbn-formation .frm-info p{font-size:14.5px;line-height:1.6;color:var(--texte)}

/* Appel final : le visuel ne doit pas étirer la carte (Cryolift, très haut). */
.wbn-formation #commander-bas .wbn-form-grille{align-items:center}
.frm-final{background:#fff;aspect-ratio:4/3;max-height:440px}
.frm-final img{width:100%;height:100%;object-fit:contain !important}
.wbn-formation #commander-bas .wbn-achat{align-self:center;height:auto}

/* Formations similaires et mentions. */
.frm-sims{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.frm-sim{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center;background:#fff;border:1px solid var(--trait);border-radius:var(--rond);padding:14px;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.frm-sim:hover{border-color:var(--or);box-shadow:var(--ombre)}
.frm-sim img,.frm-sim-vide{width:120px;height:90px;object-fit:cover;border-radius:10px;background:var(--ivoire)}
.frm-sim small{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--or-texte)}
.frm-sim b{display:block;font-family:var(--titre);font-weight:500;font-size:17px;color:var(--nuit);margin:2px 0}
.frm-sim i{font-style:normal;color:var(--texte-doux);font-size:14px}
.frm-mentions{margin-top:28px;padding-top:18px;border-top:1px solid var(--trait);font-size:12.5px;color:var(--texte-doux);display:grid;gap:6px}

@media (max-width:880px){
  .frm-infos,.frm-sims{grid-template-columns:minmax(0,1fr)}
  .frm-sim{grid-template-columns:96px minmax(0,1fr)}
  .frm-sim img,.frm-sim-vide{width:96px;height:72px}
}

/* eden-academie */
/**
 * Pages de l'Académie (page-academie.php), après webinaire.css, guide.css et formation.css.
 * Maquette validée par Olivier le 06/10/2026 (artifact WoZjLGjw3ZDM5XeegNUF2T).
 * Chargée uniquement sur ces pages par inc/academie.php.
 */

/* En-tête : photo à droite, boutons. */
.ac-hero{align-items:center}
.ac-hero-visuel{border-radius:var(--rond);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--ombre-carte)}
.ac-hero-visuel img{width:100%;height:100%;object-fit:cover;display:block}
.ac-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
/* Boutons de même largeur : côte à côte s'ils tiennent, sinon empilés sur toute la colonne (retour d'Olivier du 07/10 : largeurs inégales une fois passés à la ligne). */
.ac-ctas:not(.ac-ctas--centre)>.wbn-btn{flex:1 1 0;min-width:max-content;margin-top:0}
@media (max-width:520px){.ac-ctas:not(.ac-ctas--centre)>.wbn-btn{min-width:0;flex-basis:100%}}
.ac-ctas--centre{justify-content:center;margin-top:32px}
.ac .ac-btn-ligne{background:transparent;color:var(--nuit);border:1px solid var(--nuit)}
.ac .ac-btn-ligne:hover{background:var(--nuit);color:#fff}
.ac .wbn-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;margin-right:6px}
.ac p.ac-pour{margin-top:18px;font-family:var(--titre);color:var(--nuit)}

/* Grilles de cartes. */
.ac-grille{display:grid;gap:18px;margin-top:30px}
.ac-grille--2{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ac-grille--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ac-grille--4{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Carte d'offre (formule, formation, guide). */
.ac-offre{background:#fff;border:1px solid var(--trait);border-top:2px solid var(--or);border-radius:var(--rond);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--ombre)}
.ac-offre-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ivoire)}
.ac-offre-img img{width:100%;height:100%;object-fit:cover;display:block}
.ac-offre-corps{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1}
.ac-offre-corps small{font:600 11px var(--titre);letter-spacing:.18em;text-transform:uppercase;color:var(--or-texte)}
.ac .ac-offre-corps h3{font:500 21px/1.2 var(--titre);color:var(--nuit);margin:0}
.ac p.ac-prix{font:300 30px/1 var(--titre);color:var(--nuit);margin:4px 0 2px}
.ac-prix i{font-style:normal;font-size:13px;color:var(--texte-doux);letter-spacing:.08em}
.ac-offre .wbn-inclus{margin:6px 0 8px;font-size:14px}
.ac-offre .wbn-btn{margin-top:auto;display:flex;justify-content:center;text-align:center}
.ac-offre--avenir{opacity:.78}
.ac-offre--avenir img{filter:grayscale(.6)}
.ac-avenir{display:inline-block;margin-top:auto;font:600 11px var(--titre);letter-spacing:.18em;text-transform:uppercase;color:var(--texte-doux);border:1px dashed var(--trait);border-radius:30px;padding:8px 14px;align-self:flex-start}
.ac-badge{position:absolute;top:12px;left:12px;font:600 10.5px var(--titre);letter-spacing:.16em;text-transform:uppercase;background:#fff;color:var(--or-texte);border:1px solid var(--or);border-radius:30px;padding:5px 10px}
.ac-badge--ligne{position:static;margin-left:8px;padding:3px 8px}

/* Technologies. */
.ac-theme{background:#fff;border:1px solid var(--trait);border-radius:var(--rond);overflow:hidden}
.ac-theme img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;height:auto}
.ac-theme > div{padding:20px}
.ac .ac-theme h3{font:500 19px var(--titre);color:var(--nuit);margin:0 0 6px}
.ac .ac-theme p{font-size:14.5px;color:var(--texte-doux);margin:0 0 14px}
.ac-theme-liens{display:flex;gap:16px;flex-wrap:wrap}
.ac-theme-liens a{font:600 12.5px var(--titre);letter-spacing:.06em;color:var(--nuit);text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.ac-theme-liens a:hover{color:var(--or-texte)}
.ac-theme-liens svg,.ac-guide > svg{width:15px;height:15px;stroke:var(--or);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ac-guide{display:grid;grid-template-columns:110px minmax(0,1fr) 24px;gap:20px;align-items:center;margin-top:22px;background:var(--ivoire);border:1px solid var(--trait);border-radius:var(--rond);padding:16px 22px 16px 16px;text-decoration:none;transition:border-color .2s}
.ac-guide:hover{border-color:var(--or)}
.ac-guide img{width:110px;height:80px;object-fit:cover;border-radius:10px}
.ac-guide small{font:600 11px var(--titre);letter-spacing:.18em;text-transform:uppercase;color:var(--or-texte)}
.ac-guide b{display:block;font:500 18px var(--titre);color:var(--nuit);margin:4px 0}
.ac-guide i{font-style:normal;font-size:14px;color:var(--texte-doux)}

/* Texte et photo. */
.ac-duo--droite .wbn-duo-visuel{order:2}
.ac p.ac-encadre{border-left:2px solid var(--or);padding-left:14px}
.ac-encadre b{display:block;font-family:var(--titre);color:var(--nuit)}

/* Témoignages. */
.ac-temo{margin:0;background:#fff;border:1px solid var(--trait);border-radius:var(--rond);padding:24px;display:flex;flex-direction:column;gap:12px}
.ac-etoiles{color:var(--or);letter-spacing:3px}
.ac .ac-temo blockquote{margin:0;border:0;padding:0;quotes:none;font:300 16px/1.6 var(--titre);color:var(--nuit)}
.ac-temo figcaption{margin-top:auto;font-size:13px;font-weight:600;color:var(--texte-doux)}

/* Tarifs. */
.ac-tarif{background:#fff;border:1px solid var(--trait);border-radius:var(--rond);padding:26px;text-align:center}
.ac-tarif .wbn-ico{margin:0 auto}
.ac .ac-tarif h3{font:500 18px var(--titre);color:var(--nuit);margin:14px 0 6px}
.ac .ac-tarif p{font-size:14px;color:var(--texte-doux);margin:0}
.ac .ac-tarif p.ac-prix{margin:6px 0 10px;font-size:28px;color:var(--nuit)}
.ac-tarif .ac-prix i{font-size:12px}
.ac-tarif--fort{border-top:2px solid var(--or);box-shadow:var(--ombre-carte)}

/* Galerie. */
.ac-galerie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}
.ac-galerie img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}

@media (max-width:980px){.ac-grille--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:880px){
  .ac-grille--2,.ac-grille--3,.ac-grille--4{grid-template-columns:minmax(0,1fr)}
  .ac-galerie{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ac-guide{grid-template-columns:80px minmax(0,1fr)}
  .ac-guide > svg{display:none}
  .ac-guide img{width:80px;height:60px}
  .ac-duo--droite .wbn-duo-visuel{order:0}
}

/* Texte et photo : la photo garde un format 4:3, centrée sur le texte (sinon elle s'étire sur toute sa hauteur). */
.ac .wbn-duo-panneau{align-items:center}
.ac .wbn-duo-visuel{aspect-ratio:4/3;height:auto;align-self:center}
.ac .wbn-duo-visuel img{width:100%;height:100%;object-fit:cover}

/* =========================================================================================
   Pages machines (maquette validée le 06/10/2026, artifact 8oxmG9rvcXHinvWESFusv2).
   ========================================================================================= */
.ac sup{font-size:.4em;vertical-align:super;font-weight:400;margin-left:2px;line-height:0}
.ac-lien{display:inline-flex;align-items:center;gap:8px;font:600 13px var(--titre);letter-spacing:.06em;color:var(--nuit);text-decoration:none;border-bottom:1px solid var(--or);padding-bottom:3px;transition:color .2s}
.ac-lien:hover{color:var(--or-texte)}
.ac-lien svg{width:16px;height:16px;stroke:var(--or);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ac-lien--hero{margin-top:20px}

/* En-tête : vitrine de plusieurs appareils, ou un appareil sur fond blanc avec son logo. */
.ac-vitrine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;background:linear-gradient(180deg,#fff 0%,var(--ivoire) 100%);border:1px solid var(--trait);border-radius:var(--rond);padding:34px 22px 22px}
.ac-vitrine figure{margin:0;text-align:center}
.ac-vitrine img{height:290px;width:100%;object-fit:contain;mix-blend-mode:multiply;display:block}
.ac-vitrine figcaption{margin-top:14px;font:500 14px var(--titre);letter-spacing:.08em;color:var(--nuit)}
.ac-vitrine figcaption i{display:block;font:400 12.5px var(--corps);font-style:normal;letter-spacing:0;color:var(--texte-doux);margin-top:2px}
.ac-produit{background:#fff;border:1px solid var(--trait);border-radius:var(--rond);padding:30px 30px 22px;display:flex;flex-direction:column;align-items:center}
.ac-produit > img{height:470px;width:auto;max-width:100%;object-fit:contain}
.ac-produit-pied{display:flex;justify-content:center;width:100%;margin-top:18px;padding-top:16px;border-top:1px solid var(--trait)}
.ac-produit-pied img{height:40px;width:auto;mix-blend-mode:multiply;contain-intrinsic-size:auto none}

/* Cartes à icône (atouts) : 4 par ligne quand il y en a 4. */
.ac-cartes-icones--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ac-cartes-icones .wbn-carte-tete{align-items:center}
.ac-cartes-icones .wbn-ico{width:46px;height:46px;flex:none}
.ac-cartes-icones .wbn-ico svg{width:21px;height:21px}

/* Cartes d'appareils. */
.ac-gamme{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:clamp(30px,3.6vw,46px)}
.ac-gamme--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin-inline:auto}
.ac-machine{background:#fff;border:1px solid var(--trait);border-radius:var(--rond);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--ombre)}
.ac-machine-img{display:block;background:#fff;padding:26px 20px 6px;border-bottom:1px solid var(--trait)}
.ac-machine-img img{height:260px;width:100%;object-fit:contain;display:block;mix-blend-mode:multiply;transition:transform .4s}
.ac-machine:hover .ac-machine-img img{transform:translateY(-4px)}
.ac-gamme--2 .ac-machine-img img{height:220px}
.ac-machine-corps{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}
.ac-machine-corps small{font:600 11px var(--titre);letter-spacing:.18em;text-transform:uppercase;color:var(--or-texte)}
.ac .ac-machine-corps h3{font:500 24px/1.1 var(--titre);letter-spacing:.06em;color:var(--nuit);margin:0}
.ac .ac-machine-corps p{font-size:15px;color:var(--texte-doux);margin:0}
.ac-machine .wbn-atouts{margin:6px 0 10px;font-size:14px}
.ac-machine .ac-lien{margin-top:auto;align-self:flex-start}

/* Texte et photo : liste à icônes, liens en cartes. */
.ac-liste{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:16px}
.ac-liste li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center}
.ac-liste .wbn-ico{width:52px;height:52px}
.ac-liste .wbn-ico svg{width:22px;height:22px}
.ac-liste b{display:block;font:500 16px var(--titre);color:var(--nuit)}
.ac-liste span span{font-size:14.5px;color:var(--texte-doux)}
.ac-formats{display:grid;gap:10px;margin:22px 0}
.ac-formats a{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:4px 14px;align-items:center;background:#fff;border:1px solid var(--trait);border-left:2px solid var(--or);border-radius:8px;padding:14px 18px;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.ac-formats a:hover{border-color:var(--or);box-shadow:var(--ombre)}
.ac-formats b{font:500 16px var(--titre);color:var(--nuit)}
.ac-formats span{grid-column:1;font-size:13.5px;color:var(--texte-doux)}
.ac-formats svg{grid-row:1 / span 2;grid-column:2;width:18px;height:18px;stroke:var(--or);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Fiche technique, fond sombre. */
.ac-sombre{background:var(--nuit);color:#fff}
.ac-sombre .wbn-surtitre{display:block;text-align:left;color:var(--or-clair)}
.ac .ac-sombre .wbn-titre-section{color:#fff;text-align:left}
.ac-fiche{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,70px);align-items:center}
.ac-fiche-visuel img{width:100%;height:auto;border-radius:var(--rond);display:block}
.ac-valeurs{margin-top:28px}
.ac-valeurs-titre{font:600 11px var(--titre);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.ac-valeurs > div{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:12px}
.ac-valeur{border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:14px 12px;font-size:12.5px;color:rgba(255,255,255,.75);display:flex;flex-direction:column;gap:4px}
.ac-valeur b{font:300 28px/1 var(--titre);color:#fff}
.ac-valeur b i{font-style:normal;font-size:12px;color:var(--or-clair);margin-left:3px}
.ac-specs{margin:26px 0 0;display:grid}
.ac-specs > div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:13px 0;border-top:1px solid rgba(255,255,255,.14)}
.ac-specs dt{font-size:13.5px;color:rgba(255,255,255,.65)}
.ac-specs dd{margin:0;font:500 15px var(--titre);color:#fff}

/* Vidéo : image d'attente, l'iframe arrive au clic. */
.ac-video{position:relative;display:block;width:100%;max-width:920px;margin:clamp(28px,3.4vw,42px) auto 0;padding:0;border:0;border-radius:var(--rond);overflow:hidden;box-shadow:var(--ombre-carte);background:var(--nuit);cursor:pointer;aspect-ratio:16/9}
.ac-video img,.ac-video > video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.ac-video > video{position:static;pointer-events:none}
.ac-video:hover img,.ac-video:hover > video{transform:scale(1.02)}
.ac-video::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,28,30,.55) 0%,rgba(20,28,30,0) 45%);pointer-events:none}
.ac-play{position:absolute;left:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,28px);z-index:1;display:grid;grid-template-columns:62px auto;column-gap:16px;align-items:center;color:#fff;text-align:left}
.ac-play svg{grid-row:1 / span 2;width:62px;height:62px;padding:19px 17px 19px 21px;border-radius:50%;background:#fff;fill:var(--nuit);box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .2s}
.ac-video:hover .ac-play svg{transform:scale(1.06)}
.ac-play b{font:500 17px var(--titre)}
.ac-play i{font-style:normal;font-size:13px;opacity:.8}
.ac-video--lecture{cursor:auto}
.ac-video--lecture::after{display:none}
.ac-video iframe,.ac-video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.ac-video video{object-fit:contain;background:#000}
.ac-video:not(:has(img,video))::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,var(--nuit-doux),var(--nuit))}

/* Simulateur de rentabilité. */
.ac-simu{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);margin:clamp(28px,3.4vw,42px) 0 0;background:#fff;border:1px solid var(--trait);border-radius:var(--rond);overflow:hidden;box-shadow:var(--ombre-carte)}
.ac-simu-reglages{padding:clamp(24px,3vw,40px);display:grid;grid-template-columns:minmax(0,1fr);gap:30px;align-content:start}
.ac-champ{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0}
.ac-champ > span:first-child,.ac-champ > label{font:600 12px var(--titre);letter-spacing:.16em;text-transform:uppercase;color:var(--nuit)}
.ac-champ small{font-size:13px;color:var(--texte-doux)}
.ac-saisie{display:flex;align-items:baseline;gap:8px;border:1px solid var(--trait);border-radius:8px;padding:10px 16px;background:var(--ivoire);transition:border-color .2s}
.ac-saisie:focus-within{border-color:var(--or)}
.ac .ac-saisie input{flex:1;min-width:0;border:0;background:none;padding:0;font:300 28px var(--titre);color:var(--nuit);outline:none;-moz-appearance:textfield}
.ac-saisie input::-webkit-outer-spin-button,.ac-saisie input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ac-saisie i{font:400 14px var(--corps);font-style:normal;color:var(--texte-doux)}
.ac-curseur{display:grid;grid-template-columns:minmax(0,1fr) 54px;gap:18px;align-items:center}
.ac-curseur output{font:300 40px/1 var(--titre);color:var(--nuit);text-align:right}
.ac-curseur input[type=range]{--rempli:22%;-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--or) var(--rempli),var(--trait) var(--rempli));outline:none;margin:0;cursor:pointer}
.ac-curseur input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid var(--or);box-shadow:0 2px 8px rgba(0,0,0,.15);transition:transform .15s}
.ac-curseur input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--or);box-shadow:0 2px 8px rgba(0,0,0,.15)}
.ac-curseur input[type=range]:focus-visible::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 4px rgba(192,151,88,.25)}
.ac-simu-resultat{background:var(--nuit);color:#fff;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:22px}
.ac-simu-resultat span{display:block;font:600 11.5px var(--titre);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.ac-simu-resultat b{display:block;font:300 34px/1.1 var(--titre);margin-top:6px;font-variant-numeric:tabular-nums}
.ac-simu-fort{border-top:1px solid rgba(255,255,255,.18);padding-top:20px}
.ac .ac-simu-fort b{font-size:clamp(42px,5vw,56px);color:var(--or-clair)}
.ac .ac-simu-fort b.ac-negatif{color:#F2B8B0}
.ac-simu-fort small{font-size:13px;color:rgba(255,255,255,.65)}
.ac .ac-simu-resultat .wbn-btn{margin-top:auto;background:var(--or-clair);color:var(--nuit);border-color:var(--or-clair);display:flex;justify-content:center}
.ac .ac-simu-resultat .wbn-btn:hover{background:#fff;border-color:#fff}
.ac p.ac-hypothese{text-align:center;font-size:13px;color:var(--texte-doux);margin-top:16px}

/* Texte, illustration et accordéon. */
.ac-principe{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4vw,56px);align-items:start;margin-top:clamp(28px,3.4vw,42px)}
.ac-principe > img{width:100%;height:auto;border-radius:var(--rond);display:block;position:sticky;top:120px}
.ac .ac-principe p{color:var(--texte-doux);margin:0 0 14px}
.ac-acc{margin-top:22px;border-top:1px solid var(--trait)}
.ac-acc details{border-bottom:1px solid var(--trait)}
.ac-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font:500 17px var(--titre);color:var(--nuit)}
.ac-acc summary::-webkit-details-marker{display:none}
.ac-acc summary:hover{color:var(--or-texte)}
.ac-acc summary svg{width:18px;height:18px;flex:none;stroke:var(--or);fill:none;stroke-width:1.8;stroke-linecap:round;transition:transform .25s}
.ac-acc details[open] summary svg{transform:rotate(45deg)}
.ac-acc ul{margin:0 0 18px;padding-left:18px;color:var(--texte-doux);display:grid;gap:8px;font-size:15px}
.ac-galerie--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ac-galerie--4 img{aspect-ratio:4/5}

@media (max-width:980px){
  .ac-gamme,.ac-fiche,.ac-simu,.ac-principe{grid-template-columns:minmax(0,1fr)}
  .ac-gamme--2,.ac-cartes-icones--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ac-principe > img{position:static;max-width:420px;margin-inline:auto}
  .ac-galerie--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .ac-vitrine{padding:20px 10px 16px}
  .ac-vitrine img{height:170px}
  .ac-vitrine figcaption{font-size:11.5px}
  .ac-vitrine figcaption i{font-size:11px}
  .ac-gamme--2,.ac-cartes-icones--4{grid-template-columns:minmax(0,1fr)}
  .ac-produit > img{height:320px}
  .ac-machine-img img{height:220px}
  .ac-specs > div{grid-template-columns:minmax(0,1fr);gap:2px}
  .ac-valeurs > div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ac-principe > img{max-width:none}
}
@media (prefers-reduced-motion:reduce){.ac-machine-img img,.ac-video img,.ac-play svg{transition:none}}

/* =========================================================================================
   Page Distributeurs (maquette validée le 06/10/2026, artifact UT2V9DL64kSGHAfwYFFeyH).
   ========================================================================================= */
.ac-carte{height:460px;border-radius:var(--rond);overflow:hidden;border:1px solid var(--trait);box-shadow:var(--ombre-carte);background:var(--ivoire);z-index:0}
.ac-carte .leaflet-tile-pane{filter:grayscale(1) contrast(.92) brightness(1.04)}
.ac-carte .leaflet-container,.ac-carte.leaflet-container{font-family:var(--corps)}
.ac-chiffres{display:flex;flex-wrap:wrap;gap:16px 34px;margin:26px 0 0;padding-top:20px;border-top:1px solid var(--trait)}
.ac-chiffres div{display:flex;align-items:baseline;gap:10px}
.ac-chiffres dt{font:300 42px/1 var(--titre);color:var(--nuit)}
.ac-chiffres dd{margin:0;font-size:14px;color:var(--texte-doux);max-width:16ch;line-height:1.35}
.ac-pin span{width:34px;height:34px;border-radius:50%;background:var(--nuit);border:2px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.25);display:grid;place-items:center;font:600 13px var(--titre);color:#fff;cursor:pointer;transition:transform .2s}
.ac-pin:hover span,.ac-pin:focus span{transform:scale(1.12)}
.ac-pin--siege span{background:var(--or)}
.leaflet-tooltip.ac-tip{background:#fff;border:0;border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.15);font:600 11px var(--titre);letter-spacing:.12em;color:var(--nuit);padding:5px 9px}
.leaflet-tooltip.ac-tip::before{display:none}
.ac-barre{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding:14px;background:#fff;border:1px solid var(--trait);border-radius:var(--rond);box-shadow:var(--ombre)}
.ac-recherche{flex:1 1 300px;display:flex;align-items:center;gap:10px;border:1px solid var(--trait);border-radius:8px;padding:0 14px;background:var(--ivoire);margin:0;transition:border-color .2s}
.ac-recherche:focus-within{border-color:var(--or)}
.ac-recherche svg{width:18px;height:18px;stroke:var(--or);fill:none;stroke-width:1.8;flex:none}
.ac .ac-recherche input{border:0;background:none;padding:13px 0;font:400 15px var(--corps);width:100%;outline:none;color:var(--nuit);box-shadow:none}
.ac-pays{display:inline-flex;flex-wrap:wrap;border:1px solid var(--trait);border-radius:30px;padding:3px;background:var(--ivoire)}
.ac .ac-pays button{border:0;background:none;border-radius:30px;padding:9px 18px;font:600 12px var(--titre);letter-spacing:.1em;text-transform:uppercase;color:var(--texte-doux);cursor:pointer;transition:background .2s,color .2s}
.ac .ac-pays button[aria-pressed="true"]{background:var(--nuit);color:#fff}
.ac p.ac-compte{margin:0 4px 0 auto;font-size:14px;color:var(--texte-doux)}
.ac-dists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}
.ac-dist{background:#fff;border:1px solid var(--trait);border-radius:var(--rond);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--ombre);transition:box-shadow .3s,border-color .3s}
.ac-dist[hidden]{display:none}
.ac-dist--siege{border-top:2px solid var(--or)}
.ac-dist--vise{border-color:var(--or);box-shadow:0 0 0 3px rgba(192,151,88,.3),var(--ombre-carte)}
.ac-dist-photos{position:relative;aspect-ratio:4/3;background:var(--ivoire)}
.ac-defile{position:absolute;inset:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.ac-defile::-webkit-scrollbar{display:none}
.ac-defile img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start;display:block}
.ac-points{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:6px}
.ac-points span{width:7px;height:7px;border-radius:4px;background:rgba(255,255,255,.65);cursor:pointer;transition:width .2s,background .2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.ac-points span.on{background:#fff;width:20px}
.ac-dist-logo{position:absolute;left:14px;top:14px;background:#fff;border-radius:8px;padding:8px 12px;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.ac-dist-logo img{height:22px;width:auto;display:block}
.ac-dist-num{position:absolute;right:14px;top:14px;width:30px;height:30px;border-radius:50%;background:var(--nuit);color:#fff;font:600 13px/30px var(--titre);text-align:center}
.ac-dist--siege .ac-dist-num{background:var(--or)}
.ac-dist-corps{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.ac-dist-role{font:600 11px var(--titre);letter-spacing:.18em;text-transform:uppercase;color:var(--or-texte)}
.ac .ac-dist h3{font:500 22px/1.15 var(--titre);letter-spacing:.06em;color:var(--nuit);margin:0}
.ac p.ac-dist-adresse{margin:0;font-size:15px;color:var(--texte-doux);line-height:1.55}
.ac p.ac-dist-texte{margin:0;font-size:14.5px;color:var(--texte-doux)}
.ac-dist-app small{display:block;font-size:12px;color:var(--texte-doux);margin-bottom:6px}
.ac-dist-app ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ac-dist-app a{display:inline-block;font:500 12px var(--titre);letter-spacing:.06em;color:var(--nuit);border:1px solid var(--trait);border-radius:20px;padding:5px 10px;background:var(--ivoire);text-decoration:none;transition:border-color .2s}
.ac-dist-app a:hover{border-color:var(--or)}
.ac-dist-liens{margin-top:auto;padding-top:14px;border-top:1px solid var(--trait);display:flex;flex-wrap:wrap;gap:12px 18px}
.ac-dist-liens .ac-lien{border-bottom:0;padding-bottom:0;font-size:12.5px}
.ac p.ac-dist-vide{text-align:center;color:var(--texte-doux);margin-top:24px}
.ac-parts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}
.ac-part{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;text-decoration:none;padding:22px 18px;border:1px solid var(--trait);border-radius:var(--rond);background:#fff;transition:border-color .2s,box-shadow .2s}
a.ac-part:hover{border-color:var(--or);box-shadow:var(--ombre)}
.ac-part img{height:60px;width:auto;filter:grayscale(1);opacity:.85;transition:filter .2s,opacity .2s}
a.ac-part:hover img{filter:none;opacity:1}
.ac-part span{font-size:13.5px;color:var(--texte-doux);line-height:1.5}
.ac-zone-relais{padding-block:0 clamp(48px,6vw,80px)}
.ac-zone-relais--marge{padding-top:clamp(48px,6vw,80px)}
.ac-relais{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:26px 30px;background:var(--nuit);border-radius:var(--rond)}
.ac-relais b{display:block;font:500 19px var(--titre);color:#fff}
.ac-relais span{font-size:14.5px;color:rgba(255,255,255,.75)}
.ac .ac-relais .wbn-btn{background:var(--or-clair);color:var(--nuit);border-color:var(--or-clair)}
.ac .ac-relais .wbn-btn:hover{background:#fff;border-color:#fff}
@media (max-width:980px){.ac-dists{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto}.ac-carte{height:340px}.ac-parts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.ac p.ac-compte{margin:0}.ac-pays{width:100%;justify-content:space-between}.ac-chiffres{gap:14px 22px}}

/* =========================================================================================
   Contact, Actualités, Article (maquette validée le 06/10/2026, artifact B1xHygmTuKn1JHc4qVu9XV).
   ========================================================================================= */
/* Contact */
.ac-c-grille{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,70px);align-items:start}
.ac-c-etapes{list-style:none;counter-reset:e;margin:28px 0 0;padding:0;display:grid;gap:16px}
.ac-c-etapes li{counter-increment:e;display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 14px}
.ac-c-etapes li::before{content:"0" counter(e);grid-row:span 2;width:44px;height:44px;border-radius:50%;border:1px solid var(--or);display:grid;place-items:center;font:500 14px var(--titre);color:var(--or-texte)}
.ac-c-etapes b{font:500 16px var(--titre);color:var(--nuit)}
.ac-c-etapes span{font-size:14.5px;color:var(--texte-doux)}
.ac-c-directs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:28px}
.ac-c-directs a{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--trait);border-radius:var(--rond);text-decoration:none;color:var(--nuit);font:500 14.5px var(--titre);background:#fff;transition:border-color .2s,box-shadow .2s}
.ac-c-directs a:hover{border-color:var(--or);box-shadow:var(--ombre)}
.ac-c-directs svg{width:22px;height:22px;stroke:var(--or);fill:none;stroke-width:1.6;flex:none}
.ac-c-directs small{display:block;font:600 10.5px var(--titre);letter-spacing:.16em;text-transform:uppercase;color:var(--texte-doux)}
.ac-c-form{background:#fff;border:1px solid var(--trait);border-top:2px solid var(--or);border-radius:var(--rond);box-shadow:var(--ombre-carte);padding:clamp(22px,3vw,34px)}
.ac-c-form-tete{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:8px;border-bottom:1px solid var(--trait)}
.ac-c-form-tete img{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:top}
.ac-c-form-tete b{display:block;font:500 20px var(--titre);color:var(--nuit)}
.ac-c-form-tete span{font-size:14px;color:var(--texte-doux)}
.ac p.ac-c-mention{font-size:12.5px;color:var(--texte-doux);text-align:center;margin:12px 0 0}
/* Adresses avec carte */
.ac-lieux{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:20px;margin-top:clamp(28px,3.4vw,42px)}
.ac-lieux .ac-carte{height:auto;min-height:430px}
.ac-adresses{display:grid;gap:14px;align-content:start}
.ac-adr{position:relative;background:#fff;border:1px solid var(--trait);border-radius:var(--rond);padding:22px;display:flex;flex-direction:column;gap:6px;scroll-margin-top:120px;transition:box-shadow .3s,border-color .3s}
.ac-adr--or{border-top:2px solid var(--or)}
.ac-adr.ac-dist--vise{border-color:var(--or);box-shadow:0 0 0 3px rgba(192,151,88,.3)}
.ac-adr-num{position:absolute;right:18px;top:18px;width:28px;height:28px;border-radius:50%;background:var(--nuit);color:#fff;font:600 12px/28px var(--titre);text-align:center}
.ac-adr--or .ac-adr-num{background:var(--or)}
.ac-adr small{font:600 11px var(--titre);letter-spacing:.18em;text-transform:uppercase;color:var(--or-texte)}
.ac .ac-adr h3{font:500 22px var(--titre);color:var(--nuit);margin:0}
.ac .ac-adr p{margin:0 0 6px;font-size:14.5px;color:var(--texte-doux);line-height:1.55}
.ac-adr a{display:inline-flex;align-items:center;gap:8px;font:600 13px var(--titre);color:var(--nuit);text-decoration:none}
.ac-adr a:hover{color:var(--or-texte)}
.ac-adr svg{width:16px;height:16px;stroke:var(--or);fill:none;stroke-width:1.8;flex:none}
.ac .ac-adr p.ac-adr-note{display:flex;gap:8px;align-items:center;margin-top:8px;padding-top:12px;border-top:1px solid var(--trait);font-size:13.5px}
/* Liste des actualités */
.ac-a-liste{padding-top:0}
.ac-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:13px;color:var(--texte-doux)}
.ac-meta span{color:var(--trait);margin:0 2px}
.ac-meta svg{width:15px;height:15px;stroke:var(--or);fill:none;stroke-width:1.8}
.ac-art{background:#fff;border:1px solid var(--trait);border-radius:var(--rond);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--ombre);transition:box-shadow .3s,transform .3s}
.ac-art:hover{box-shadow:var(--ombre-carte);transform:translateY(-3px)}
.ac-art-img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--ivoire)}
.ac-art-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.ac-art:hover .ac-art-img img{transform:scale(1.04)}
.ac-art-corps{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.ac .ac-art h3{font:500 19px/1.3 var(--titre);color:var(--nuit);margin:0}
.ac-art h3 a{color:inherit;text-decoration:none}
.ac p.ac-extrait{margin:0;font-size:14.5px;color:var(--texte-doux);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ac-art .ac-lien{margin-top:auto;align-self:flex-start}
.ac-art--une{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);margin-bottom:24px}
.ac-art--une .ac-art-img{aspect-ratio:4/3}
.ac-art--une .ac-art-corps{padding:clamp(26px,3.4vw,44px);justify-content:center}
.ac .ac-art--une h3{font-size:clamp(24px,2.4vw,32px);font-weight:400}
.ac-art-une{font:600 11px var(--titre);letter-spacing:.2em;text-transform:uppercase;color:var(--or-texte)}
.ac-arts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:clamp(24px,3vw,36px)}
.ac-a-liste .ac-arts{margin-top:0}
.ac-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:40px}
.ac-pagination .page-numbers{min-width:42px;height:42px;padding:0 14px;border-radius:21px;border:1px solid var(--trait);display:inline-flex;align-items:center;justify-content:center;font:600 13px var(--titre);color:var(--nuit);text-decoration:none;background:#fff}
.ac-pagination .page-numbers.current{background:var(--nuit);color:#fff;border-color:var(--nuit)}
.ac-pagination a.page-numbers:hover{border-color:var(--or)}
/* Article */
.ac-art-grille{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(30px,5vw,70px);align-items:center}
.ac-art-tete .ac-meta{margin-bottom:18px}
.ac h1.ac-art-titre{font:400 clamp(30px,3.6vw,46px)/1.15 var(--titre);color:var(--nuit);margin:0;text-wrap:balance}
.ac .ac-chapo p{font:300 19px/1.6 var(--titre);color:var(--texte);margin:22px 0 0}
.ac-auteur{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--trait)}
.ac-auteur img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:top}
.ac-auteur b{display:block;font:500 14.5px var(--titre);color:var(--nuit)}
.ac-auteur span{font-size:13px;color:var(--texte-doux)}
.ac-art-visuel{border-radius:var(--rond);overflow:hidden;aspect-ratio:4/5;box-shadow:var(--ombre-carte)}
.ac-art-visuel img{width:100%;height:100%;object-fit:cover;display:block}
.ac-art-zone{padding-top:clamp(20px,3vw,40px)}
.ac-art-cols{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(30px,5vw,72px);align-items:start}
.ac-art-cote{position:sticky;top:120px;display:grid;gap:20px}
.ac-sommaire{border-left:1px solid var(--trait);padding-left:18px}
.ac-sommaire[hidden]{display:none}
.ac-sommaire b{font:600 11px var(--titre);letter-spacing:.2em;text-transform:uppercase;color:var(--or-texte)}
.ac-sommaire ol{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.ac-sommaire li{font-size:13.5px;line-height:1.4;position:relative}
.ac-sommaire li a{color:var(--texte-doux);text-decoration:none;display:block;transition:color .2s}
.ac-sommaire li a:hover{color:var(--nuit)}
.ac-sommaire li.on a{color:var(--nuit);font-weight:600}
.ac-sommaire li.on::before{content:"";position:absolute;left:-19px;top:0;bottom:0;width:2px;background:var(--or)}
.ac-progres{height:3px;background:var(--trait);border-radius:3px;margin-top:18px;overflow:hidden}
.ac-progres span{display:block;height:100%;width:0;background:var(--or);transition:width .15s}
.ac-cote-carte{background:var(--ivoire);border:1px solid var(--trait);border-radius:var(--rond);padding:18px;display:flex;flex-direction:column;gap:6px;text-align:center}
.ac-cote-carte img{height:150px;width:auto;margin:0 auto 6px;mix-blend-mode:multiply;object-fit:contain}
.ac-cote-carte small{font:600 10.5px var(--titre);letter-spacing:.18em;text-transform:uppercase;color:var(--or-texte)}
.ac-cote-carte b{font:500 20px var(--titre);letter-spacing:.06em;color:var(--nuit);margin-bottom:8px}
.ac .ac-cote-carte .wbn-btn{justify-content:center;display:flex}
/* Offres de l'Académie dans la colonne des articles (08/10/2026). */
.ac-cote-carte--photo{padding:0 0 18px;overflow:hidden;background:#fff}
.ac-cote-carte--photo img{width:100%;height:150px;margin:0 0 10px;object-fit:cover;mix-blend-mode:normal}
.ac .ac-cote-carte--photo .wbn-btn{margin:0 18px;width:auto;align-self:stretch;box-sizing:border-box}
.ac-cote-prix{margin:0 0 10px;font:300 22px var(--titre);color:var(--nuit)}
.ac-cote-prix span{display:block;font:400 12.5px var(--corps);color:var(--texte-doux);margin-top:2px}
.ac-cote-guide{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid var(--trait);border-radius:var(--rond);background:#fff;text-decoration:none;color:var(--nuit);transition:border-color .2s}
.ac-cote-guide:hover{border-color:var(--or)}
.ac-cote-guide img{width:54px;height:auto;flex:none;border-radius:4px}
.ac-cote-guide span{display:grid;gap:2px;text-align:left}
.ac-cote-guide small{font:600 10px var(--titre);letter-spacing:.16em;text-transform:uppercase;color:var(--or-texte)}
.ac-cote-guide b{font:500 14.5px/1.3 var(--titre)}
.ac-cote-guide i{font:400 12.5px var(--corps);font-style:normal;color:var(--texte-doux)}
.ac-prose{max-width:720px;font-size:17px;line-height:1.75;color:var(--texte);min-width:0}
.ac .ac-prose p{margin:0 0 1.1em;text-align:left}
.ac .ac-prose h2{font:400 clamp(24px,2.6vw,30px)/1.25 var(--titre);color:var(--nuit);margin:2.2em 0 .7em;padding-top:1.2em;border-top:1px solid var(--trait);scroll-margin-top:120px;text-align:left}
.ac .ac-prose > h2:first-child{margin-top:0;padding-top:0;border-top:0}
.ac .ac-prose h3{font:500 20px var(--titre);color:var(--nuit);margin:1.6em 0 .6em;text-align:left}
.ac-prose strong,.ac-prose b{color:var(--nuit);font-weight:600}
.ac-prose ul:not(.art-avantages){margin:0 0 1.2em;padding:0;list-style:none;display:grid;gap:10px}
.ac-prose ul:not(.art-avantages) li{position:relative;padding-left:28px}
.ac-prose ul:not(.art-avantages) li::before{content:"";position:absolute;left:4px;top:.62em;width:9px;height:9px;border-radius:50%;border:2px solid var(--or)}
.ac-prose ol{margin:0 0 1.2em;padding-left:1.4em}
.ac-prose a{color:var(--nuit);text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:3px}
.ac-prose .art-figure{margin:1.8em 0;border-radius:var(--rond);overflow:hidden}
.ac-prose .art-figure img{width:100%;max-height:520px;object-fit:cover;display:block}
.ac .ac-prose .art-bouton{margin:1.4em 0}
.ac-prose .art-bouton a{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;background:var(--nuit);color:#fff;border-radius:var(--rond-bouton);text-decoration:none;font:600 12.5px var(--titre);letter-spacing:.14em;text-transform:uppercase;transition:background .2s}
.ac-prose .art-bouton a:hover{background:var(--or-texte)}
.ac .ac-prose .art-bouton + .art-bouton{margin-top:-.6em}
.ac-prose .art-bouton + .art-bouton a{background:transparent;color:var(--nuit);border:1px solid var(--nuit)}
.ac-prose .art-bouton + .art-bouton a:hover{background:var(--nuit);color:#fff}
.art-avantages{list-style:none;padding:0;margin:0 0 1.4em;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.art-avantages li{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--ivoire);border:1px solid var(--trait);border-radius:var(--rond);font:500 15px/1.35 var(--titre);color:var(--nuit)}
.art-avantages .wbn-ico{width:46px;height:46px;flex:none}
.art-avantages .wbn-ico svg{width:20px;height:20px}
.art-faq{border-bottom:1px solid var(--trait)}
.ac-prose h2 + .art-faq,.ac-prose p + .art-faq{border-top:1px solid var(--trait)}
.art-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font:500 17px var(--titre);color:var(--nuit)}
.art-faq summary::-webkit-details-marker{display:none}
.art-faq summary::after{content:"+";font:300 24px/1 var(--titre);color:var(--or);transition:transform .25s}
.art-faq[open] summary::after{transform:rotate(45deg)}
.art-faq > div{padding-bottom:12px;font-size:16px}
.ac-partage{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:40px;padding-top:22px;border-top:1px solid var(--trait);font-size:13.5px;color:var(--texte-doux)}
.ac-partage a,.ac .ac-partage button{font:600 12.5px var(--titre);color:var(--nuit);text-decoration:none;padding:8px 14px;border:1px solid var(--trait);border-radius:20px;background:#fff;cursor:pointer;transition:border-color .2s}
.ac-partage a:hover,.ac .ac-partage button:hover{border-color:var(--or)}
@media (max-width:980px){
  .ac-c-grille,.ac-lieux,.ac-art-grille,.ac-art-cols,.ac-art--une{grid-template-columns:minmax(0,1fr)}
  .ac-arts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ac-art-cote{position:static;order:2}
  .ac-sommaire{display:none}
  .ac-art-visuel{aspect-ratio:16/10}
  .ac-lieux .ac-carte{min-height:320px}
}
@media (max-width:620px){.ac-arts,.art-avantages{grid-template-columns:minmax(0,1fr)}}

.ac-c-form .gform_wrapper.gravity-theme .gfield--type-captcha .gfield_label{display:none}

/* Texte long : encadré « offre » (photo, prix) sous le sommaire. */
.ac-cote-offre img{height:auto;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px;mix-blend-mode:normal}
.ac-cote-prix{font:300 24px var(--titre);color:var(--nuit);margin-bottom:6px}
.ac-art-cols:not(:has(.ac-art-cote)) .ac-prose,.ac-art-zone > .wbn-dedans:not(.ac-art-cols) .ac-prose{margin-inline:auto}

/* En-tête sans visuel (pages légales) : une colonne, mesure de lecture. */
.ac-hero-seul .wbn-hero-grille{grid-template-columns:minmax(0,1fr)}
.ac-hero-seul .ac-hero>div{max-width:760px}
.ac-hero-seul{padding-bottom:clamp(8px,2vw,20px)}
.ac-prose h4{font:600 13px var(--titre);letter-spacing:.14em;text-transform:uppercase;color:var(--or-texte);margin:1.6em 0 .5em;text-align:left}
.ac-prose h3+h4{margin-top:.8em}

/* En-tête vidéo plein écran (accueil, maquette validée le 07/10) : il passe sous l'îlot de l'en-tête. */
.ac-hero-video{position:relative;margin-top:-90px;min-height:min(88vh,780px);display:flex;align-items:flex-end;padding-block:150px clamp(48px,7vw,96px);color:#fff;overflow:hidden;background:#3F4D50}
.ac-hero-video-fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
video.ac-hero-video-fond{opacity:0;transition:opacity .8s}video.ac-hero-video-fond.est-lancee{opacity:1}
.ac-hero-video::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(32,41,43,.78) 0%,rgba(32,41,43,.45) 45%,rgba(32,41,43,.05) 80%),linear-gradient(0deg,rgba(32,41,43,.45),transparent 45%)}
.ac-hero-video-txt{position:relative;z-index:1}
.ac-hero-video .wbn-sur{color:var(--or-clair)}
.ac-hero-video h1{font:300 clamp(34px,4.6vw,62px)/1.08 var(--titre);color:#fff;margin:14px 0 0;max-width:15em;text-wrap:balance;padding:0}
.ac-hero-video h1 strong{display:block;font-weight:500;color:#fff}
.ac-hero-video .wbn-accroche{color:rgba(255,255,255,.88)}
.ac-hero-video .ac-ctas{max-width:560px;margin-top:30px}
.ac-hero-video .ac-btn-ligne{color:#fff;border-color:rgba(255,255,255,.7)}
.ac-hero-video .ac-btn-ligne:hover{background:#fff;color:var(--nuit)}
@media (max-width:960px){.ac-hero-video{margin-top:-74px;min-height:640px;padding-top:120px}}
/* Témoignages : l'institut sous le nom. */
.ac-temo-lieu{display:block;font-size:13px;font-weight:400;color:var(--texte-doux);margin-top:2px}
/* Actualités avec en-tête et lien « Toutes les actualités ». */
.ac-tete-lien{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.ac-tete-lien .wbn-titre-section{margin-bottom:0}
/* Contact plus bas que l'en-tête (accueil) : section, titre h2 au style des sections. */
.ac-c-section{padding-block:clamp(50px,6vw,90px)}
.ac-c-section .ac-c-h2{font:300 clamp(30px,3.4vw,44px)/1.12 var(--titre);color:var(--nuit);margin:10px 0 0}
.ac-c-section .ac-c-h2 strong{display:block;font-weight:500}
.ac-tete-lien .wbn-surtitre,.ac-tete-lien .wbn-titre-section,.ac-tete-lien .wbn-sous-section{text-align:left;margin-inline:0}
.ac-tete-lien .wbn-surtitre{display:block}
.ac-c-section .wbn-sur{display:block;font:600 12px var(--titre);letter-spacing:.26em;text-transform:uppercase;color:var(--or-texte)}
.ac-a-liste:has(.ac-tete-lien){padding-top:clamp(56px,7vw,96px)}
img.ac-hero-video-fond{object-position:28% 30%}
@media (max-width:759px){picture img.ac-hero-video-fond{object-position:50% 8%}}
/* Cartes d'offres côte à côte : le nom réserve deux lignes, prix et points restent alignés d'une carte à l'autre (retour d'Olivier, 07/10). */
@media (min-width:700px){.ac-grille .ac-offre-corps h3{min-height:2.4em;display:flex;align-items:flex-start}}
.ac-zone-relais.wbn-ivoire + .ac-a-liste.wbn-ivoire{padding-top:clamp(8px,1.5vw,20px)}

/* Adresses avec carte : photo facultative en tête de la carte (écoles ambassadrices). */
.ac-adr-photo{margin:-1px -1px 16px;border-radius:var(--rond) var(--rond) 0 0;overflow:hidden;aspect-ratio:16/10}
.ac-adr:has(.ac-adr-photo){padding-top:0}
.ac-adr:has(.ac-adr-photo) .ac-adr-num{position:absolute;top:12px;left:12px;z-index:1}
.ac-adr-photo img{width:100%;height:100%;object-fit:cover;display:block}
/* Trois adresses ou plus (écoles ambassadrices) : la carte en pleine largeur, les adresses en grille dessous. */
.ac-lieux:has(.ac-adr:nth-child(3)){grid-template-columns:minmax(0,1fr)}
.ac-lieux:has(.ac-adr:nth-child(3)) .ac-carte{min-height:420px}
.ac-lieux:has(.ac-adr:nth-child(3)) .ac-adresses{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}
/* Accueil, bloc « Équipements high-tech » (retour d'Olivier, 07/10) : photo à la hauteur du texte, phrase
   d'introduction de la liste en étiquette. */
.home .ac .wbn-duo-panneau{align-items:stretch}
.home .ac .wbn-duo-visuel{aspect-ratio:auto;align-self:stretch;min-height:440px}
.home .ac .wbn-duo-panneau p:has(> b:only-child){margin-top:26px;padding-top:22px;border-top:1px solid var(--trait)}
.home .ac .wbn-duo-panneau p:has(> b:only-child) b{font:600 12px/1.6 var(--titre);letter-spacing:.16em;text-transform:uppercase;color:var(--or-texte)}
@media (max-width:760px){.home .ac .ac-liste{grid-template-columns:minmax(0,1fr)}.home .ac .wbn-duo-visuel{min-height:0;aspect-ratio:4/3}}
.home .ac .wbn-duo-panneau p:has(> b:only-child) b{line-height:1.5;letter-spacing:.12em}
/* Accueil, duo équipements (retours d'Olivier, 07/10) : chaque domaine mène à sa machine. Lignes en cartes
   détachées, icône sur fond ivoire, flèche qui glisse au survol ; la phrase d'introduction en texte courant. */
.home .ac .wbn-duo-panneau p:has(> b:only-child) b{font:500 16px/1.5 var(--titre);letter-spacing:0;text-transform:none;color:var(--nuit)}
.home .ac .ac-liste{grid-template-columns:minmax(0,1fr);gap:10px;margin:14px 0 28px}
.home .ac .ac-liste li{display:block;padding:0}
.home .ac .ac-liste li:not(.ac-liste-li--lien),.home .ac .ac-liste li > a{display:grid;grid-template-columns:48px minmax(0,1fr) 20px;gap:18px;align-items:center;padding:14px 20px 14px 14px;
  border:1px solid var(--trait);border-radius:var(--rond);background:#fff;color:inherit;text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .25s}
.home .ac .ac-liste li:not(.ac-liste-li--lien){grid-template-columns:48px minmax(0,1fr)}
.home .ac .ac-liste .wbn-ico{width:48px;height:48px;background:var(--ivoire);border-color:transparent;transition:background .25s,color .25s}
.home .ac .ac-liste .wbn-ico svg{width:20px;height:20px}
.home .ac .ac-liste li > a > span:not(.wbn-ico),.home .ac .ac-liste li > span:not(.wbn-ico){font-size:14px;line-height:1.45;color:var(--texte-doux)}
.home .ac .ac-liste b{display:block;font:500 16.5px/1.3 var(--titre);color:var(--nuit);margin-bottom:3px}
.home .ac .ac-liste li > a > svg{width:18px;height:18px;fill:none;stroke:var(--or-texte);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.home .ac .ac-liste li > a:hover,.home .ac .ac-liste li > a:focus-visible{border-color:var(--or);box-shadow:0 10px 28px -14px rgba(47,58,60,.35);transform:translateY(-1px)}
.home .ac .ac-liste li > a:hover .wbn-ico,.home .ac .ac-liste li > a:focus-visible .wbn-ico{background:var(--or);color:var(--nuit)}
.home .ac .ac-liste li > a:hover > svg,.home .ac .ac-liste li > a:focus-visible > svg{transform:translateX(4px)}
.home .ac .wbn-duo-panneau .wbn-btn{align-self:flex-start;width:auto;max-width:100%;margin-top:0;padding:16px 30px}
@media (max-width:760px){.home .ac .wbn-duo-visuel{min-height:0;aspect-ratio:4/3}
 .home .ac .ac-liste li:not(.ac-liste-li--lien),.home .ac .ac-liste li > a{grid-template-columns:42px minmax(0,1fr) 18px;gap:14px;padding:12px 14px 12px 12px}
 .home .ac .ac-liste .wbn-ico{width:42px;height:42px}
 .home .ac .wbn-duo-panneau .wbn-btn{align-self:stretch;justify-content:center}}
@media (prefers-reduced-motion:reduce){.home .ac .ac-liste li > a,.home .ac .ac-liste li > a > svg{transition:none}.home .ac .ac-liste li > a:hover{transform:none}}
/* Compteurs sous l'en-tête carte (Écoles, Distributeurs) : libellé sur une ligne, aligné sur la ligne de base du chiffre. */
.ac-chiffres dd{max-width:none;white-space:nowrap}
.ac-chiffres dd span{color:var(--texte-doux);opacity:.8}
@media (max-width:620px){.ac-chiffres dd{white-space:normal}}
/* Formulaire du bloc contact plus compact (retour d'Olivier, 07/10 : trop d'espace perdu). Chaque champ porte déjà
   son texte d'exemple (« Nom * ») : le libellé au-dessus faisait doublon. Seuls ces champs-là sont concernés (un QCM
   ou un menu sans texte d'exemple garde sa question ; le téléphone, dont le drapeau pose un numéro d'exemple, garde son
   libellé sauf si l'exemple est le nôtre, terminé par « * »). Il reste lu par les lecteurs d'écran. */
.ac-c-form .gform_wrapper.gravity-theme .gfield:not(.gfield--type-phone):has(> .ginput_container > :is(input,textarea)[placeholder]:not([placeholder=""])) > .gfield_label,
.ac-c-form .gform_wrapper.gravity-theme .gfield:has(.iti input[placeholder$="*"]) > .gfield_label,
.ac-c-form .gform_wrapper.gravity-theme .gfield:has(> .ginput_container > select > option.gf_placeholder) > .gfield_label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ac-c-form .gform_wrapper.gravity-theme .gform_fields{row-gap:12px}
.ac-c-form .gform_wrapper.gravity-theme textarea{height:120px;min-height:0}
.ac-c-form .gform_wrapper.gravity-theme .gform_footer{margin-top:14px;padding-top:0}
.ac-c-form-tete{padding-bottom:14px;margin-bottom:14px}
.ac-c-form .gform_wrapper.gravity-theme .gfield textarea.textarea{height:120px!important;min-height:0!important}
.ac-c-section .ac-c-grille{align-items:center}
/* Bloc « Tableau comparatif » (remplace wpDataTables) : la colonne mise en avant porte un liseré doré,
   et sur téléphone chaque ligne devient une carte où chaque valeur rappelle sa colonne. */
.ac-compar{border:1px solid var(--trait);border-radius:var(--rond);background:#fff;overflow:hidden;box-shadow:var(--ombre-carte)}
.ac-compar table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55}
.ac-compar th,.ac-compar td{padding:18px 22px;text-align:left;vertical-align:top;border-top:1px solid var(--trait)}
.ac-compar thead th{border-top:0;font:600 12px/1.5 var(--titre);letter-spacing:.14em;text-transform:uppercase;color:var(--texte-doux);background:var(--ivoire)}
.ac-compar thead th.ac-compar-fort{background:var(--nuit);color:#fff;letter-spacing:.1em}
.ac-compar tbody th{font:500 15px/1.4 var(--titre);color:var(--nuit);width:22%}
.ac-compar td{color:var(--texte-doux);width:39%}
.ac-compar td.ac-compar-fort{color:var(--nuit);background:color-mix(in srgb,var(--or) 7%,#fff);box-shadow:inset 3px 0 0 var(--or)}
.ac-compar td.ac-compar-fort::before{content:"";display:inline-block;width:16px;height:16px;margin:0 8px -3px 0;background:var(--or);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
.ac-compar-pied{display:flex;justify-content:center;margin-top:32px}
@media (max-width:760px){
 .ac-compar{border:0;background:none;box-shadow:none;overflow:visible}
 .ac-compar table,.ac-compar tbody,.ac-compar tr,.ac-compar th,.ac-compar td{display:block;width:auto}
 .ac-compar thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
 .ac-compar tbody{display:grid;gap:14px}
 .ac-compar tr{border:1px solid var(--trait);border-radius:var(--rond);background:#fff;overflow:hidden}
 .ac-compar tbody th{border-top:0;padding:16px 18px 6px;font-size:16px;width:auto}
 .ac-compar tbody td{width:auto}
 .ac-compar td{border-top:0;padding:8px 18px 14px;font-size:14.5px}
 .ac-compar td::after{content:none}
 .ac-compar td[data-col]::before{content:attr(data-col);display:block;width:auto;height:auto;margin:0 0 4px;background:none;-webkit-mask:none;mask:none;font:600 11px/1.4 var(--titre);letter-spacing:.12em;text-transform:uppercase;color:var(--texte-doux)}
 .ac-compar td.ac-compar-fort{border-top:1px solid var(--trait);padding-top:12px}
 .ac-compar td.ac-compar-fort[data-col]::before{color:var(--or-texte)}
}

/* Formulaires en plusieurs étapes (QCM) dans la carte du bloc contact : barre de progression dorée et boutons
   de la charte au lieu des boutons natifs. */
.ac-c-form .gform_wrapper.gravity-theme .gf_progressbar_wrapper{margin-bottom:22px}
.ac-c-form .gform_wrapper.gravity-theme .gf_progressbar_title{font:600 11px/1.4 var(--titre);letter-spacing:.14em;text-transform:uppercase;color:var(--texte-doux);margin-bottom:8px}
.ac-c-form .gform_wrapper.gravity-theme .gf_progressbar{background:var(--ivoire);border-radius:99px;padding:0;height:6px;overflow:hidden}
.ac-c-form .gform_wrapper.gravity-theme .gf_progressbar_percentage{background:var(--or)!important;height:6px;border-radius:99px}
.ac-c-form .gform_wrapper.gravity-theme .gf_progressbar_percentage span{display:none}
.ac-c-form .gform_wrapper.gravity-theme .gform_page_footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:18px;padding-top:0;border:0}
body .ac-c-form .gform_wrapper.gravity-theme .gform_page_footer :is(.gform_next_button,.gform_previous_button,.gform_button){flex:1 1 160px;width:auto;margin:0;padding:15px 24px;line-height:1.2;
  font:500 12.5px var(--titre);letter-spacing:.16em;text-transform:uppercase;border-radius:var(--rond-bouton);cursor:pointer;transition:background .22s,border-color .22s,color .22s}
body .ac-c-form .gform_wrapper.gravity-theme .gform_page_footer :is(.gform_next_button,.gform_button){background:var(--or);border:1px solid var(--or);color:var(--nuit)}
body .ac-c-form .gform_wrapper.gravity-theme .gform_page_footer .gform_previous_button{background:#fff;border:1px solid var(--trait);color:var(--nuit)}
body .ac-c-form .gform_wrapper.gravity-theme .gform_page_footer :is(.gform_next_button,.gform_previous_button,.gform_button):hover{background:var(--nuit);border-color:var(--nuit);color:#fff}
.ac-c-form .gform_wrapper.gravity-theme .gform_save_link{flex:1 0 100%;justify-content:center;background:none;border:0;padding:6px 0 0;margin:0;font:500 13px var(--corps);color:var(--texte-doux);text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:3px;cursor:pointer}
.ac-c-form .gform_wrapper.gravity-theme .gform_save_link svg{display:none}
/* Tableau comparatif : de l'air sous le chapeau ; avis Google en pleine largeur dans un bloc texte. */
.ac-compar{margin-top:36px}
.ac .ac-prose:has(.ti-widget){max-width:none}
/* Astérisque d'obligation : GF imbrique deux .gfield_required et écrit déjà « * » quand l'indicateur est
   personnalisé ; l'astérisque ajouté par la carte formulaire ne vaut que pour l'indicateur par défaut. */
.ac-c-form .gform_wrapper.gravity-theme .gfield_required:has(.gfield_required_custom)::before,
.ac-c-form .gform_wrapper.gravity-theme .gfield_required_custom::before{content:none}
.ac-c-form .gform_wrapper.gravity-theme .gfield_required .gfield_required{margin-left:0}
/* Archives d'articles et recherche (liste-articles.php) : filtres en pastilles, champ de recherche de la 404,
   carte de page ou de produit, état vide. */
.ac-filtres{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}
.ac-filtres a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--trait);border-radius:99px;background:#fff;font:500 13.5px var(--titre);color:var(--nuit);text-decoration:none;transition:border-color .2s,background .2s,color .2s}
.ac-filtres a span{font-size:11.5px;color:var(--texte-doux);background:var(--ivoire);border-radius:99px;padding:1px 8px}
.ac-filtres a:hover{border-color:var(--or)}
.ac-filtres a[aria-current="page"]{background:var(--nuit);border-color:var(--nuit);color:#fff}
.ac-filtres a[aria-current="page"] span{background:rgba(255,255,255,.16);color:#fff}
.ac-recherche-form{display:flex;align-items:center;gap:10px;margin-top:26px;max-width:560px;background:#fff;border:1px solid #D6DADF;border-radius:12px;padding:6px 6px 6px 14px}
.ac-recherche-form svg{width:18px;height:18px;stroke:var(--or);fill:none;stroke-width:1.8;flex:none}
.ac-recherche-form input{flex:1;min-width:0;border:0;outline:0;background:none;font:15px var(--corps,inherit);color:var(--nuit);padding:10px 0}
.ac-recherche-form button{border:0;border-radius:8px;background:var(--nuit);color:#fff;font:600 12px var(--titre);letter-spacing:.12em;text-transform:uppercase;padding:12px 16px;cursor:pointer}
.ac-recherche-form:focus-within{border-color:var(--or);box-shadow:0 0 0 3px rgba(192,151,88,.18)}
.ac-art .ac-meta .ac-type{font:600 11px var(--titre);letter-spacing:.14em;text-transform:uppercase;color:var(--or-texte);opacity:1}
.ac-liste-page .ac-a-liste{padding-top:clamp(40px,5vw,64px)}
.ac-vide .ac-ctas{margin-top:18px}
.ac-art--page:not(:has(.ac-art-img)) .ac-art-corps{border-top:3px solid var(--or)}
.ac-vide{max-width:620px;margin:0 auto;text-align:center;display:grid;justify-items:center;gap:6px}
.ac-vide p{margin:0;color:var(--texte-doux)} .ac-vide b{color:var(--nuit)}
.ac-vide .ac-recherche-form{width:100%;margin:18px 0 22px}
@media (max-width:520px){.ac-recherche-form button{padding:12px}}
.ac-art .ac-prix{margin:2px 0 10px;font:500 18px var(--titre);color:var(--nuit)}
.ac-art .ac-prix small{font-size:12px;color:var(--texte-doux)}
.ac-art .ac-prix del{opacity:.55;font-size:.85em;margin-right:6px}
/* Bouton pause de la vidéo d'en-tête (audit du 08/10/2026). */
.ac-video-pause{position:absolute;right:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,28px);z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(32,41,43,.45);cursor:pointer;display:grid;place-items:center;transition:background .2s}
.ac-video-pause:hover{background:rgba(32,41,43,.75)}
.ac-video-pause:focus-visible{outline:2px solid #fff;outline-offset:3px}
.ac-video-pause span{width:12px;height:14px;border-left:4px solid #fff;border-right:4px solid #fff;box-sizing:border-box}
.ac-video-pause.est-arretee span{width:0;height:0;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff;margin-left:3px}

/* eden-compte */
/**
 * Espace client (inc/compte.php, page-compte.php, woocommerce-compte/).
 * Maquette validée le 07/10/2026 (.claude/maquettes/compte/). Jetons : webinaire.css.
 */
.cp svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cp-tete{background:var(--ivoire);padding-block:clamp(26px,4vw,46px) clamp(24px,3vw,36px);border-bottom:1px solid var(--trait)}
.cp-tete-ligne{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.cp-titre{font:300 clamp(30px,4vw,46px)/1.1 var(--titre);color:var(--nuit);margin:10px 0 0;text-wrap:balance;padding:0}
.cp-titre strong{font-weight:500}.cp-titre--petit{font-size:clamp(26px,3vw,34px);margin:0 0 22px}
.cp-sous{margin:10px 0 0;color:var(--texte);font-size:16px}
.cp-avatar{width:58px;height:58px;border-radius:50%;background:var(--nuit);color:var(--or-clair);display:grid;place-items:center;font:500 18px var(--titre);letter-spacing:.06em;flex:none}
.cp-zone{background:#fff;padding-block:clamp(28px,4vw,52px) clamp(50px,6vw,90px)}
/* WooCommerce enveloppe menu et rubrique dans div.woocommerce : la grille se pose dessus. */
.cp-grille>.woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.cp-grille>.woocommerce>.cp-nav{grid-column:1}.cp-grille>.woocommerce>.cp-contenu{grid-column:2}.cp-grille>.woocommerce>:not(.cp-nav):not(.cp-contenu){grid-column:1/-1}
.cp-nav{position:sticky;top:110px;display:flex;flex-direction:column;gap:2px;border-right:1px solid var(--trait);padding-right:18px}
.cp-nav a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:8px;font:500 14.5px var(--titre);color:var(--nuit-doux);text-decoration:none;transition:background .2s,color .2s}
.cp-nav a:hover{background:var(--ivoire);color:var(--nuit)}
.cp-nav a[aria-current]{background:var(--nuit);color:#fff}.cp-nav a[aria-current] svg{color:var(--or)}
.cp-nav .cp-nav-sortie{margin-top:14px;border-top:1px solid var(--trait);border-radius:0;padding-top:18px;color:var(--texte-doux)}
.cp-contenu{display:flex;flex-direction:column;gap:22px;min-width:0}
.cp-bloc{border:1px solid var(--trait);border-radius:var(--rond);padding:clamp(18px,2.4vw,26px);background:#fff;min-width:0}
.cp-bloc-tete{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.cp-bloc-tete h2{display:flex;align-items:center;gap:10px;font:500 18px var(--titre);color:var(--nuit);margin:0;padding:0}.cp-bloc-tete h2 svg{color:var(--or)}
.cp-lien{display:inline-flex;align-items:center;gap:7px;font:600 13.5px var(--titre);color:var(--or-texte);text-decoration:none;white-space:nowrap}.cp-lien svg{width:16px;height:16px}.cp-lien:hover{color:var(--nuit)}
.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border-radius:var(--rond-bouton);background:var(--nuit);color:#fff;font:500 14px var(--titre);text-decoration:none;border:1.5px solid var(--nuit);cursor:pointer;transition:background .2s,color .2s}
.cp-btn:hover{background:var(--or);border-color:var(--or)}
.cp-btn--ligne{background:transparent;color:var(--nuit)}.cp-btn--ligne:hover{background:var(--nuit);color:#fff;border-color:var(--nuit)}
.cp-btn--clair{background:var(--or);border-color:var(--or)}
.cp-btn--large{width:100%;padding:15px 20px;font-size:15px}
.cp-formas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cp-forma{position:relative;display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:14px;border-radius:var(--rond);background:var(--ivoire);align-items:center}
.cp-forma img{width:120px;height:120px;object-fit:cover;border-radius:8px}
.cp-forma small{font:600 11px var(--titre);letter-spacing:.18em;text-transform:uppercase;color:var(--or-texte)}
.cp-forma h3{font:500 17px/1.25 var(--titre);color:var(--nuit);margin:4px 0 4px;padding:0}
.cp-forma p{margin:0 0 12px;font-size:13.5px;color:var(--texte);padding:0}
.cp-forma-actions{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.cp-forma-actions .cp-btn{padding:9px 14px;font-size:13px}
.cp-forma-nb{position:absolute;top:12px;right:12px;font:600 11px var(--titre);color:var(--texte-doux);background:#fff;border-radius:20px;padding:3px 9px}
.cp-formas--liste{grid-template-columns:1fr}.cp-formas--liste .cp-forma{grid-template-columns:180px minmax(0,1fr);padding:18px}.cp-formas--liste .cp-forma img{width:180px;height:130px}
.cp-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.cp-derniere{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border-radius:8px;background:var(--ivoire)}
.cp-derniere div{flex:1;min-width:160px;display:flex;flex-direction:column}.cp-derniere b{font:500 15px var(--titre);color:var(--nuit)}.cp-derniere span{font-size:13px;color:var(--texte)}
.cp-montant{font:500 17px var(--titre)!important;color:var(--nuit);font-variant-numeric:tabular-nums}
.cp-mini-actions{display:flex;gap:20px;margin-top:14px;flex-wrap:wrap}
.cp-statut{display:inline-flex;align-items:center;gap:6px;font:600 12px var(--titre);padding:4px 11px;border-radius:20px;white-space:nowrap}
.cp-statut::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.cp-statut--ok{background:#E6F2EA;color:#2D6A45}.cp-statut--cours{background:#FBF1DF;color:#8E6A2C}.cp-statut--off{background:#EEF0F3;color:#5B6675}
.cp-infos{margin:0;display:grid;gap:10px}.cp-infos div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;font-size:14px}.cp-infos dt{color:var(--texte-doux)}.cp-infos dd{margin:0;color:var(--nuit);overflow-wrap:anywhere}
.cp-aide{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:22px 26px;border-radius:var(--rond);background:var(--nuit);color:#fff}
.cp-aide div{flex:1;min-width:220px;display:flex;flex-direction:column;gap:2px}.cp-aide b{font:500 17px var(--titre)}.cp-aide span{color:#C8D0DC;font-size:14px}
.cp-aide .cp-btn--ligne{color:#fff;border-color:rgba(255,255,255,.4)}
.cp-relais{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:20px;align-items:center;padding:14px;padding-right:24px;border:1px solid var(--trait);border-radius:var(--rond);text-decoration:none;color:inherit;transition:box-shadow .2s}
.cp-relais:hover{box-shadow:var(--ombre-carte)}.cp-relais img{width:150px;height:96px;object-fit:cover;border-radius:8px}
.cp-relais span{display:flex;flex-direction:column;gap:3px}.cp-relais small{font:600 11px var(--titre);letter-spacing:.18em;text-transform:uppercase;color:var(--or-texte)}.cp-relais b{font:500 18px var(--titre);color:var(--nuit)}.cp-relais i{font-style:normal;font-size:14px;color:var(--texte)}.cp-relais>svg{color:var(--or);width:22px;height:22px}
.cp-note{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-left:3px solid var(--or);background:var(--ivoire);border-radius:0 8px 8px 0;font-size:14.5px}.cp-note svg{color:var(--or);margin-top:2px}
.cp-cmds{display:flex;flex-direction:column;gap:12px}
.cp-cmd{border:1px solid var(--trait);border-radius:var(--rond);padding:18px 22px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;align-items:center}
.cp-cmd-tete{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.cp-cmd-tete b{font:500 16px var(--titre);color:var(--nuit)}.cp-cmd-tete span:not(.cp-statut){font-size:13.5px;color:var(--texte-doux)}
.cp-cmd-produits{margin:0;font-size:14px;color:var(--texte);grid-column:1;padding:0}
.cp-cmd-pied{grid-column:2;grid-row:1/3;display:flex;align-items:center;gap:20px}
.cp-suivi{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}
.cp-suivi-etape{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font:500 13.5px var(--titre);color:var(--nuit);position:relative}
.cp-suivi-etape svg{width:34px;height:34px;padding:8px;border-radius:50%;background:var(--nuit);color:var(--or-clair);position:relative;z-index:1}
.cp-suivi-etape+.cp-suivi-etape::before{content:"";position:absolute;top:17px;right:50%;width:100%;height:2px;background:var(--nuit)}
.cp-table{width:100%;border-collapse:collapse;font-size:14.5px;border:0;margin:0}.cp-table td{padding:12px 0;border:0;border-bottom:1px solid var(--trait);vertical-align:top}.cp-table td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--nuit)}
.cp-table tbody b{display:block;font:500 15px var(--titre);color:var(--nuit)}.cp-table small{color:var(--texte-doux)}
.cp-table tfoot td{padding:8px 0;color:var(--texte);border-bottom:0}.cp-table tfoot tr:first-child td{padding-top:16px}
.cp-total td{font:500 18px var(--titre)!important;color:var(--nuit)!important;border-top:1px solid var(--trait)!important;padding-block:12px!important}
.cp-fichier{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:8px;background:var(--ivoire);text-decoration:none;color:var(--nuit)}.cp-fichier span{flex:1;display:flex;flex-direction:column}.cp-fichier b{font:500 14.5px var(--titre)}.cp-fichier small{font-size:12.5px;color:var(--texte-doux)}.cp-fichier svg{color:var(--or)}
.cp-adresse{font-style:normal;font-size:14.5px;line-height:1.7;color:var(--texte)}
.cp-actions{display:flex;gap:12px;flex-wrap:wrap}
.cp-form{display:flex;flex-direction:column;align-items:flex-start}
.cp-champs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin-bottom:20px}
.cp-champ{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;margin:0;padding:0}.cp-champ label{font:500 13.5px var(--titre);color:var(--nuit)}.cp-champ small{font-size:12.5px;color:var(--texte-doux)}.cp-champ--demi{grid-column:auto}
.cp-champ input{font:400 15px var(--corps);color:var(--nuit);padding:13px 14px;border:1px solid #D5CCBD;border-radius:6px;background:#fff;width:100%;box-sizing:border-box}
.cp-champ input:focus{outline:2px solid var(--or);outline-offset:0;border-color:var(--or)}
.cp-aide-champ{margin:-8px 0 16px;font-size:13px;color:var(--texte-doux)}
.cp-mdp{position:relative;display:block}.cp-mdp button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--texte-doux);padding:8px;cursor:pointer}
.cp-cnx{background:var(--ivoire);padding-block:clamp(36px,6vw,80px)}
.cp-cnx-grille{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center}
.cp-cnx-carte{background:#fff;border-radius:14px;padding:clamp(24px,3.4vw,40px);box-shadow:var(--ombre-carte)}
.cp-onglets{display:grid;grid-template-columns:1fr 1fr;background:var(--ivoire);border-radius:8px;padding:4px;margin-bottom:26px}
.cp-onglets button{border:0;background:none;padding:10px;border-radius:6px;font:500 14px var(--titre);color:var(--texte-doux);cursor:pointer}.cp-onglets button[aria-selected=true]{background:#fff;color:var(--nuit);box-shadow:0 2px 8px rgba(27,42,68,.08)}
.cp-cnx-ligne{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 22px;font-size:14px}
.cp-case{display:flex;align-items:center;gap:8px;color:var(--texte)}.cp-case input{accent-color:var(--nuit);width:16px;height:16px}
.cp-cnx-mention{margin:18px 0 0;font-size:13.5px;color:var(--texte-doux);text-align:center;padding:0}
.cp-cnx-cote h2{font:300 clamp(28px,3.4vw,40px)/1.15 var(--titre);color:var(--nuit);margin:10px 0 24px;padding:0}.cp-cnx-cote h2 strong{display:block;font-weight:500}
.cp-avantages{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:16px}
.cp-avantages li{display:flex;gap:14px;align-items:flex-start;padding:0}.cp-avantages li>svg{width:40px;height:40px;padding:10px;border-radius:50%;background:#fff;color:var(--or);box-shadow:var(--ombre)}
.cp-avantages span{display:flex;flex-direction:column;font-size:14.5px;color:var(--texte)}.cp-avantages b{font:500 16px var(--titre);color:var(--nuit)}
.cp-cnx-cote img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:var(--rond)}
@media (max-width:980px){
 .cp-grille>.woocommerce{grid-template-columns:minmax(0,1fr)}.cp-grille>.woocommerce>.cp-contenu{grid-column:1}
 .cp-nav{position:static;flex-direction:row;overflow-x:auto;border-right:0;padding:0 0 4px;gap:8px;scrollbar-width:none;margin-inline:calc(-1*var(--gouttiere));padding-inline:var(--gouttiere)}
 .cp-nav a{flex:none;border:1px solid var(--trait);border-radius:30px;padding:9px 15px;font-size:13.5px}
 .cp-nav .cp-nav-sortie{margin:0;padding-top:9px;border-top:1px solid var(--trait);border-radius:30px}
 .cp-cnx-grille{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
 .cp-avatar{width:46px;height:46px;font-size:15px}
 .cp-formas,.cp-duo{grid-template-columns:minmax(0,1fr)}
 .cp-forma,.cp-formas--liste .cp-forma{grid-template-columns:88px minmax(0,1fr);gap:14px}.cp-forma img,.cp-formas--liste .cp-forma img{width:88px;height:88px}
 .cp-relais{grid-template-columns:90px minmax(0,1fr)}.cp-relais img{width:90px;height:90px}.cp-relais>svg{display:none}
 .cp-cmd{grid-template-columns:minmax(0,1fr)}.cp-cmd-pied{grid-column:1;grid-row:auto;justify-content:space-between;margin-top:8px;padding-top:12px;border-top:1px solid var(--trait)}
 .cp-champs{grid-template-columns:minmax(0,1fr)}.cp-champ--demi{grid-column:1}
 .cp-suivi-etape{font-size:12px}
 .cp-aide{padding:20px}.cp-aide .cp-btn{flex:1}
}
.cp-tete .wbn-sur,.cp-cnx .wbn-sur{display:block;font:600 12px var(--titre);letter-spacing:.26em;text-transform:uppercase;color:var(--or-texte)}
.cp-suivi-etape:not(.fait){color:var(--texte-doux)}.cp-suivi-etape:not(.fait) svg{background:#fff;color:var(--texte-doux);border:2px dashed var(--trait)}
.cp-suivi-etape:not(.fait)::before{background:var(--trait)!important}

/* ---- Ajouts de l'intégration (absents de la maquette) ---- */
.cp .wbn-ariane{margin-bottom:18px}
.cp-tete .wbn-dedans:first-child{margin-bottom:0}
.cp-h2{display:flex;align-items:center;gap:10px;font:500 18px var(--titre);color:var(--nuit)}.cp-h2 svg{color:var(--or)}
fieldset.cp-bloc{margin:0;min-inline-size:0}fieldset.cp-bloc>legend{float:left;width:100%;padding:0}fieldset.cp-bloc>legend+*{clear:both}
.cp-form{gap:22px;align-items:stretch}.cp-form .cp-champs{margin-bottom:0}.cp-form .cp-actions{margin:0}
.cp-cnx-carte .cp-form{gap:0}.cp-cnx-carte .cp-champs{margin-bottom:20px}
.cp-btn--petit{padding:8px 14px;font-size:13px}
.cp-btn span{pointer-events:none}
.cp-forma-actions{flex-direction:column;align-items:flex-start;gap:6px}.cp-forma-delai{font-size:12px;color:var(--texte-doux)}
.cp-forma img{display:block}.cp-forma-vide{width:120px;height:120px;border-radius:8px;background:#fff;display:grid;place-items:center;color:var(--or)}.cp-forma-vide svg{width:34px;height:34px}
.cp-formas--liste .cp-forma-vide{width:180px;height:130px}
.cp-muet{margin:0;padding:0;font-size:14px;color:var(--texte-doux)}
.cp-vide{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:22px;border-radius:8px;background:var(--ivoire)}.cp-vide p{margin:0;padding:0;color:var(--texte)}
.cp-table-cadre{overflow-x:auto}
.cp-cmd-tete time{font-size:13.5px;color:var(--texte-doux)}
.cp-pagination{display:flex;justify-content:space-between;gap:12px;margin-top:6px}
.cp-suivi{list-style:none;margin:0;padding:0}.cp-suivi li{padding:0}
.cp-notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.cp-notes li{padding:0 0 0 14px;border-left:2px solid var(--or-clair)}.cp-notes small{color:var(--texte-doux);font-size:12.5px}.cp-notes p{margin:4px 0 0;padding:0}
.cp-mdp input{padding-right:46px}
.cp-mdp button{display:grid;place-items:center;width:38px;height:38px}.cp-mdp button[aria-pressed=true]{color:var(--or-texte)}
.cp-inscription{margin-top:22px;border-top:1px solid var(--trait);padding-top:18px}.cp-inscription summary{cursor:pointer;font:500 14px var(--titre);color:var(--nuit);margin-bottom:16px}
.cp-cnx-carte .cp-note{margin-bottom:20px}
.cp-avantages li>svg{box-sizing:border-box}
.cp a:focus-visible,.cp button:focus-visible,.cp summary:focus-visible{outline:2px solid var(--or);outline-offset:2px}
/* Champs WooCommerce (adresse de facturation) */
.cp-champs-wc .woocommerce-address-fields__field-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cp-champs-wc .form-row{grid-column:1/-1;display:flex;flex-direction:column;gap:6px;margin:0;padding:0;width:auto;float:none}
.cp-champs-wc .form-row-first,.cp-champs-wc .form-row-last{grid-column:auto}
.cp-champs-wc label{font:500 13.5px var(--titre);color:var(--nuit);line-height:1.4}
.cp-champs-wc label .required{color:var(--or-texte);text-decoration:none;border:0}.cp-champs-wc label .optional{font-weight:400;color:var(--texte-doux)}
.cp-champs-wc .woocommerce-input-wrapper{display:block}
.cp-champs-wc input.input-text,.cp-champs-wc select,.cp-champs-wc textarea{font:400 15px var(--corps);color:var(--nuit);padding:13px 14px;border:1px solid #D5CCBD;border-radius:6px;background:#fff;width:100%;box-sizing:border-box;min-height:48px}
.cp-champs-wc input.input-text:focus,.cp-champs-wc select:focus,.cp-champs-wc textarea:focus{outline:2px solid var(--or);outline-offset:0;border-color:var(--or)}
.cp-champs-wc .woocommerce-invalid input.input-text,.cp-champs-wc .woocommerce-invalid select{border-color:#C0392B}
.cp-champs-wc .description{font-size:12.5px;color:var(--texte-doux)}
/* Messages de WooCommerce */
.cp .woocommerce-error,.cp .woocommerce-message,.cp .woocommerce-info{list-style:none;margin:0 0 18px;padding:14px 18px 14px 46px;border-radius:10px;font-size:14.5px;line-height:1.55;position:relative;background:#fff;border:1px solid var(--trait);color:var(--nuit)}
.cp .woocommerce-error{border-color:#E8B7B3;background:#FDF4F3;color:#7A1E18}.cp .woocommerce-message{border-color:#BCD9C5;background:#F1F8F3;color:#24563A}
.cp .woocommerce-error::before,.cp .woocommerce-message::before,.cp .woocommerce-info::before{content:"!";position:absolute;left:16px;top:15px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:700 12px var(--titre);color:#fff;background:#B23A2E}
.cp .woocommerce-message::before{content:"✓";background:#2D6A45}.cp .woocommerce-info::before{content:"i";background:var(--nuit)}
.cp .woocommerce-error li{padding:0;margin:0}.cp .woocommerce-error li+li{margin-top:4px}
.cp .woocommerce-error a,.cp .woocommerce-message a,.cp .woocommerce-info a{color:inherit;font-weight:600}
.cp .woocommerce-message .button,.cp .woocommerce-info .button{display:none}
@media (max-width:700px){
 .cp-champs-wc .woocommerce-address-fields__field-wrapper{grid-template-columns:minmax(0,1fr)}.cp-champs-wc .form-row-first,.cp-champs-wc .form-row-last{grid-column:1}
 .cp-forma-vide,.cp-formas--liste .cp-forma-vide{width:88px;height:88px}
 .cp-cmd-pied{flex-wrap:wrap;gap:12px 18px}
 .cp-cmd-pied .cp-montant{margin-right:auto}
}
@media (prefers-reduced-motion:reduce){.cp *{transition:none!important}}
.cp-contenu>.woocommerce-notices-wrapper:empty{display:none}
/* Le fond crème monte sous l'îlot de l'en-tête (14 + 76 px, 10 + 64 px en mobile) : sans cela,
   une bande blanche, fond de la page, restait au-dessus (retour d'Olivier du 07/10). */
.cp>.cp-tete:first-child{margin-top:-90px;padding-top:calc(90px + clamp(26px,4vw,46px))}
.cp>.cp-cnx:first-child{margin-top:-90px;padding-top:calc(90px + clamp(36px,6vw,80px))}
@media (max-width:960px){
 .cp>.cp-tete:first-child{margin-top:-74px;padding-top:calc(74px + clamp(26px,4vw,46px))}
 .cp>.cp-cnx:first-child{margin-top:-74px;padding-top:calc(74px + clamp(36px,6vw,80px))}
}