/*
 * Charte v3 des landings de prépa (17/10/2026), surcharge chargée APRÈS ea-landing.css
 * sur template-prep.php uniquement (cf. ea-refonte.php). ea-landing.css n'est pas modifié :
 * retirer l'enqueue suffit à revenir à l'ancienne charte.
 * Remappe aussi les jetons --pr-* du bloc tarifs (ea-pricing-block.php, scopés sur .ea-pr).
 */
:root,#ea-landing{
 --green-50:#EFF4FC;--green-100:#DCE7F8;--green-200:#C1D3F1;--green-300:#9DB8E8;--green-400:#6E91CE;--green-500:#3F6BB5;--green-600:#2E4F8A;--green-700:#1D3560;--green-800:#13254C;--green-900:#13254C;
 --navy-50:#EFF4FC;--navy-100:#DCE7F8;--navy-200:#C1D3F1;--navy-300:#9DB8E8;--navy-400:#6E91CE;--navy-500:#3F6BB5;--navy-600:#2E4F8A;--navy-700:#1D3560;--navy-800:#1D3560;--navy-900:#13254C;
 --orange-50:#FEF3C7;--orange-100:#FEF3C7;--orange-200:#FDE68A;--orange-300:#FCD34D;--orange-400:#F59E0B;--orange-500:#F59E0B;--orange-600:#B45309;--orange-700:#B45309;
 --brand:#13254C;--brand-hover:#1D3560;--accent:#13254C;--accent-hover:#1D3560;--surface-dark:#13254C;--text:#13254C;
}
body .ea-hd .ea-cta,body .ea-cta{background:#13254C;box-shadow:0 4px 14px -4px rgba(19,37,76,.45)}
#ea-landing h1,#ea-landing h2,#ea-landing h3,#ea-landing h4,#ea-landing h5,#ea-landing .display,.ea-pr h2,
#ea-landing .hero-stats .k,#ea-landing .statstrip .s .k,#ea-landing .ribbon .chip b,#ea-landing .stepflow .sf h3,#ea-landing .plan .price .amt,#ea-landing .epc .p,.ea-pr-price,.ea-pr-eco-t em,#ea-landing .tst-card .who .av{font-family:'Inter',system-ui,sans-serif}
#ea-landing h1,#ea-landing h2,.ea-pr h2{font-weight:800}
#ea-landing .sec.vsec h2,#ea-landing .sec.final h2,#ea-landing .ep.ep-cta h3{color:#fff}
#ea-landing .icon-tile.orange{background:#DCE7F8}#ea-landing .icon-tile.orange svg{color:#13254C}
#ea-landing .ribbon .chip svg{color:#13254C}
#ea-landing .btn-accent{background:#13254C;color:#fff;box-shadow:0 6px 16px -6px rgba(19,37,76,.45)}
#ea-landing .btn-accent:hover{background:#1D3560}
#ea-landing .vsec .btn-accent,#ea-landing .final .btn-accent,#ea-landing .ep-cta .btn-accent{background:#F59E0B;color:#0C1730;box-shadow:0 8px 20px -8px rgba(245,158,11,.55)}
#ea-landing .vsec .btn-accent:hover,#ea-landing .final .btn-accent:hover,#ea-landing .ep-cta .btn-accent:hover{background:#FBBF24}
#ea-landing .vsec .eyebrow{color:#F59E0B}
#ea-landing .vplay-btn{background:#F59E0B;box-shadow:0 12px 34px rgba(245,158,11,.45)}
#ea-landing .tst-card .who .av{color:#fff}
.ea-pr-opt.is-on{box-shadow:0 0 0 4px rgba(19,37,76,.10),0 18px 36px -24px rgba(19,37,76,.22)}
html body #ea-landing .ea-pr .ea-pr-eco-t em,html body .ea-pr .ea-pr-eco-t em{display:inline-block;transform:rotate(-2deg);background:#9DB8E8!important;color:#0C1730;border-radius:6px;padding:0 .22em}
.ea-mark-lp{display:inline-block;transform:rotate(-2deg);border-radius:12px;background:#9DB8E8;color:#0C1730;padding:0 .16em;white-space:nowrap;line-height:1.12}

html body .ea-pr,html body #ea-landing .ea-pr{--pr-green-50:#EFF4FC;--pr-green-100:#DCE7F8;--pr-green-200:#C1D3F1;--pr-green-500:#3F6BB5;--pr-green-600:#13254C;--pr-green-700:#13254C;--pr-green-800:#13254C;--pr-green-900:#13254C;
 --pr-navy-300:#9DB8E8;--pr-navy-500:#3F6BB5;--pr-navy-800:#1D3560;--pr-navy-900:#13254C;--pr-on:#F5F8FD;--pr-eco-bg:#EFF4FC;--pr-eco-b:#DCE7F8;--pr-save-b:#C1D3F1;--pr-orange-600:#B45309}

/* Nom long dans le pavé (> 16 caractères, classe posée par template-prep.php) : sur mobile, il
   peut passer à la ligne À L'INTÉRIEUR du pavé plutôt que de déborder de l'écran
   (« Légion étrangère française » à 390px). Sans effet tant qu'il tient sur une ligne. */
@media (max-width:480px){#ea-landing .hero h1 .ea-mark-lp--long{white-space:normal}}