/* Invitation + questionnaire : mêmes teintes que le bandeau de mesure du site (kit sombre). Sans animation lourde.
   Couleurs en variables (valeurs sombres par défaut, identiques à avant) ; thème clair : body.o-light .aud-root dans outils/light.css. */
.aud-root{--bg:#151923;--ink:#e9edf2;--mut:#aab4c0;--acc:#5fe7ff;--line:rgba(255,255,255,.16);--on-acc:#041318;--in-bg:#0b0d12;--opt-bg:rgba(255,255,255,.04);--opt-picked:rgba(95,231,255,.12);--x-hover:rgba(255,255,255,.08);--err:#ffb4a8;--shadow:0 20px 50px -20px rgba(0,0,0,.8);--scrim:rgba(5,8,12,.72);font:400 15px/1.5 Inter,system-ui,sans-serif;color:var(--ink)}
.aud-root.aud-fixed{position:fixed;left:10px;right:10px;bottom:10px;z-index:55;max-width:420px;margin:0 auto}
.aud-box{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:14px 16px 14px;box-shadow:var(--shadow);color:var(--ink)}
.aud-t{margin:0 26px 4px 0;font:700 16px/1.3 Manrope,Inter,sans-serif}
.aud-p{margin:0 0 10px;color:var(--mut);font-size:14px}
.aud-x{position:absolute;top:6px;right:6px;width:40px;height:40px;border:0;background:transparent;color:var(--mut);font-size:24px;line-height:1;cursor:pointer;border-radius:10px}
.aud-x:hover,.aud-x:focus-visible{color:var(--ink);background:var(--x-hover)}
.aud-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.aud-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:11px;border:1px solid var(--acc);background:var(--acc);color:var(--on-acc);font:700 15px Inter,system-ui,sans-serif;cursor:pointer;text-decoration:none}
.aud-cta:disabled{opacity:.6;cursor:default}
.aud-no{min-height:44px;padding:0 10px;border:0;background:transparent;color:var(--mut);font:500 14px Inter,system-ui,sans-serif;text-decoration:underline;cursor:pointer}
.aud-root :focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.aud-open .aud-back{position:fixed;inset:0;z-index:70;background:var(--scrim);display:flex;align-items:flex-end;justify-content:center;padding:0}
.aud-panel{width:100%;max-width:520px;max-height:92vh;overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:18px 18px 0 0;padding:16px 18px 24px;color:var(--ink);outline:0}
@media (min-width:600px){.aud-open .aud-back{align-items:center;padding:20px}.aud-panel{border-radius:18px}}
.aud-top{display:flex;justify-content:space-between;align-items:center;min-height:36px}
.aud-top .aud-x{position:static}
.aud-step{font:600 12.5px Inter,system-ui,sans-serif;color:var(--acc);letter-spacing:.04em;text-transform:uppercase}
.aud-h{margin:6px 0 12px;font:700 20px/1.3 Manrope,Inter,sans-serif;color:var(--ink)}
.aud-opts{display:grid;gap:8px}
.aud-opt{min-height:48px;text-align:left;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--opt-bg);color:var(--ink);font:500 15px/1.35 Inter,system-ui,sans-serif;cursor:pointer}
.aud-opt:hover{border-color:var(--acc)}
.aud-opt.aud-picked{border-color:var(--acc);background:var(--opt-picked)}
.aud-ul{margin:0 0 12px;padding-left:18px;color:var(--mut);font-size:14px}.aud-ul li{margin:2px 0}
.aud-form{display:grid;gap:10px}
.aud-l{font:600 14px Inter,system-ui,sans-serif}
.aud-in{min-height:46px;padding:0 12px;border-radius:11px;border:1px solid var(--line);background:var(--in-bg);color:var(--ink);font:400 16px Inter,system-ui,sans-serif}
.aud-chk{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--mut)}
.aud-chk input{margin-top:3px;width:18px;height:18px;flex:none}
.aud-hint{margin:0;font-size:12.5px;color:var(--mut)}.aud-hint a{color:var(--acc)}
.aud-note{margin:0;min-height:1em;font-size:13.5px;color:var(--err)}
.aud-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.aud-inline-wrap{max-width:720px;margin:32px auto;padding:0 16px}
.aud-box.aud-inline{margin:0;padding:18px}
@media (prefers-reduced-motion:no-preference){.aud-root.aud-fixed .aud-box{animation:aud-in .25s ease-out}@keyframes aud-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}

/* ── Déblocage de ressource (<x-audience::unlock-gate>) : variables du site avec valeurs de repli ── */
.aud-gate{--bg:var(--jw-card,#fff);--ink:var(--jw-ink,#1d1b3a);--mut:var(--jw-muted,#5b5876);--line:var(--jw-line,#e8e2d6);--acc:var(--jw-indigo,#4f46e5);--on-acc:#fff;--opt-bg:var(--jw-paper,#fffaf3);--opt-picked:rgba(79,70,229,.1);--in-bg:#fff;--err:#b42318;--x-hover:rgba(0,0,0,.05);max-width:720px;margin:28px auto;padding:0 16px}
.aud-gate-in{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:20px 18px;box-shadow:0 12px 32px -22px rgba(29,27,58,.35)}
.aud-gate .aud-step{color:var(--acc)}
.aud-gate .aud-h{margin:4px 0 8px;font-size:22px}
.aud-gate-fallback{margin-top:12px;font-size:13px;visibility:hidden;animation:aud-reveal 0s 6s forwards}
@keyframes aud-reveal{to{visibility:visible}}
.aud-gate.aud-ready .aud-gate-fallback{display:none}
.aud-gate-fallback a{color:var(--acc)}
.aud-gate-ok{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px 14px;border-radius:12px;background:var(--opt-picked);color:var(--ink);font:600 15px Inter,system-ui,sans-serif}
.aud-gate-after{margin-top:22px;display:grid;gap:12px}
.aud-reco{display:grid;gap:10px}
.aud-reco-item{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.aud-reco-item b{display:block;font:700 15px/1.3 Manrope,Inter,sans-serif;color:var(--ink)}
.aud-reco-item span.aud-rt{display:block;font-size:13.5px;color:var(--mut)}
.aud-reco-item .aud-cta{min-height:40px;font-size:14px}
.aud-reco-price{font-weight:700;color:var(--ink)}.aud-reco-was{text-decoration:line-through;color:var(--mut);margin-right:6px;font-weight:400}
.aud-invite{padding:14px;border:1px dashed var(--line);border-radius:14px;background:var(--opt-bg)}
.aud-gate-load{color:var(--mut)}
.aud-gq{margin:6px 0 10px;font:700 17px/1.35 Manrope,Inter,sans-serif;color:var(--ink)}
.aud-gate-ok{background:rgba(79,70,229,.1);color:#1d1b3a}

/* Offre principale d'un parcours : mise en avant sobre ; liens-boutons toujours lisibles */
.aud-reco-item a.aud-cta,.aud-reco-item a.aud-cta:visited{color:#fff!important;text-decoration:none;background:var(--jw-indigo,#4f46e5);border-color:var(--jw-indigo,#4f46e5)}
.aud-reco-item a.aud-cta:hover{background:#4338ca}
.aud-reco-main{border:2px solid var(--jw-indigo,#4f46e5);background:linear-gradient(135deg,rgba(79,70,229,.07),rgba(255,122,77,.08))}
.aud-reco-main .aud-reco-price{font-size:20px}
.aud-reco-badge{display:inline-block;margin-bottom:4px;padding:2px 9px;border-radius:99px;background:var(--jw-violet,#7c3aed);color:#fff;font:700 11px/1.6 Inter,system-ui,sans-serif;font-style:normal;letter-spacing:.04em;text-transform:uppercase}