/* =============================================================================
   psality 2.1.1 — Big Five public (/test-big-5/, variante « funnel ») en thème clair.
   Chargé après funnel.css, uniquement sur les pages [b5pt from="funnel"] (voir FunnelVariant).
   Portée : #psality-funnel seulement (questions, écran d'analyse, aperçu). La modale de paiement
   n'est PAS restylée : elle est déplacée dans <body>, lit les variables de :root (inchangées) et
   b5_pt_form.js écrit le texte des champs HiPay en clair pour un fond sombre.
   ============================================================================= */
html:root, html:root body{background:#F6F5FB !important;}
#psality-funnel{
  --bg:#F7F6FC; --bg2:#EEECF7;
  --o:#6C5CE7; --c:#12A088; --e:#E8791F; --a:#E0467C; --n:#4C6FFF;
  --cta:#FF7A2F;
  --ink:#1C1A33; --ink-soft:#55536E; --ink-faint:#77758F;
  --panel:#FFFFFF; --panel-2:#F7F6FC;
  --stroke:rgba(28,26,51,.10); --stroke-2:rgba(28,26,51,.18);
  --ok:#1C9E6E; --no:#E5533F;
  background:
    radial-gradient(900px 620px at 12% -8%, rgba(139,110,200,.12), transparent 60%),
    radial-gradient(760px 560px at 108% 6%, rgba(255,150,110,.10), transparent 55%),
    radial-gradient(820px 720px at 50% 122%, rgba(200,120,150,.08), transparent 58%),
    linear-gradient(180deg,var(--bg),var(--bg2));
}
#psality-funnel #pf-net{opacity:.3;}
#psality-funnel #pf-top{background:linear-gradient(180deg,rgba(247,246,252,.94),rgba(247,246,252,.7));}
#psality-funnel .pf-seg{background:rgba(28,26,51,.09);}

/* questions */
#psality-funnel #b5pt_form .b5pt_questions{box-shadow:0 18px 40px -28px rgba(28,26,51,.35);}
#psality-funnel #b5pt_form .choice input[type="radio"]{background:#FFFFFF;}
#psality-funnel #b5pt_form .choice:nth-child(3) input{border-color:#A9A6C4;}
#psality-funnel #b5pt_form .choice:nth-child(5) input{border-color:#26B47F;}
#psality-funnel #b5pt_form .choice:nth-child(3) input:checked{background:#A9A6C4;}
#psality-funnel #b5pt_form .choice:nth-child(5) input:checked{background:#26B47F;}
#psality-funnel .mobile-labels .redify{color:#D9483A;}
#psality-funnel .mobile-labels .greenify{color:#1C9E6E;}

/* aperçu (radar) */
#psality-funnel .pf-radar{filter:drop-shadow(0 10px 24px rgba(108,92,231,.28)) blur(3px);}
#psality-funnel #pf-radar path, #psality-funnel #pf-radar line{stroke:rgba(28,26,51,.10);}
#psality-funnel #pf-radar #pf-poly{stroke:#8B7CFF;}
#psality-funnel .pf-chip .tb{color:#fff;}
#psality-funnel .pf-chip .gauge{background:rgba(28,26,51,.09);}
#psality-funnel .pf-pw-head h2{color:var(--ink);}
#psality-funnel .pf-paywall.pf-reveal .pf-constel{animation:pf-reveal .7s cubic-bezier(.22,1,.36,1) both;}
@keyframes pf-reveal{from{opacity:0;transform:scale(.92);}to{opacity:1;transform:none;}}

/* écran d'analyse (injecté par funnel_extras.js) : affiché tant que #custom-loading porte .pf-analysing */
#psality-funnel .pf-analyse{display:none;max-width:460px;margin:0 auto;padding:30px 4px 20px;text-align:center;}
#psality-funnel #custom-loading.pf-analysing .pf-analyse{display:block;}
#psality-funnel #custom-loading.pf-analysing .pf-paywall{display:none;}
#psality-funnel .pf-an-kicker{margin:0;font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--c);}
#psality-funnel .pf-an-title{margin:8px 0 28px;font-size:clamp(1.6rem,5vw,2.1rem);font-weight:900;letter-spacing:-.02em;color:var(--ink);}
#psality-funnel .pf-an-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px;text-align:left;}
#psality-funnel .pf-an-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:center;}
#psality-funnel .pf-an-l{font-weight:700;font-size:.95rem;color:var(--ink);}
#psality-funnel .pf-an-ok{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(28,26,51,.08);transition:background .25s;}
#psality-funnel .pf-an-ok svg{stroke:#fff;opacity:0;transition:opacity .25s;}
#psality-funnel .pf-an-track{grid-column:1 / -1;height:8px;border-radius:100px;background:rgba(28,26,51,.08);overflow:hidden;}
#psality-funnel .pf-an-track i{display:block;height:100%;width:0;border-radius:100px;background:var(--tc);transition:width .5s cubic-bezier(.22,1,.36,1);}
#psality-funnel .pf-an-list li.is-done .pf-an-ok{background:var(--tc);}
#psality-funnel .pf-an-list li.is-done .pf-an-ok svg{opacity:1;}

/* preuve sociale réelle (injectée si ≥ 50) */
#psality-funnel .pf-social{margin:14px 0 0;font-size:.84rem;color:var(--ink-soft);text-align:center;}
#psality-funnel .pf-social b{color:var(--ink);font-weight:800;}