/*
 * OBA Academy : page d'accueil, éléments de conversion.
 *   - la barre d'action qui suit la lecture (js/accueil-conversion.js)
 *   - la seconde porte d'entrée du hero (guide gratuit, ou atelier quand il y en a un d'ouvert)
 *   - le sélecteur de tarifs sur mobile
 *   - la FAQ en accordéon, les ressources gratuites, les avis lisibles sur mobile
 */

/* ---------- hero : preuve avant le bouton, bouton doré, seconde porte ---------- */
.hero-proof{margin-top:22px}
.hero-proof-text b{color:var(--navy,#1A243C);font-weight:700}
.hero-actions{margin-top:22px}
.hero-actions .btn-gold{flex-direction:column;align-items:flex-start;gap:4px;padding:20px 30px}
.hero-actions .btn-gold small{font-family:var(--font-body);font-weight:400;font-size:.76rem;opacity:.72}
.hero-actions .btn-door{flex-direction:column;align-items:flex-start;gap:4px;padding:18px 26px;background:transparent;border:1px solid var(--line-strong,rgba(26,36,60,.2));color:var(--navy,#1A243C)}
.hero-actions .btn-door:hover{border-color:var(--gold-dark,#8A6714);background:rgba(212,172,74,.12)}
.hero-actions .btn-door small{font-family:var(--font-body);font-weight:400;font-size:.76rem;color:var(--ink-3,#5C6580)}
.hero-actions .btn-door[hidden]{display:none}
.hero-price-note{display:inline-block;margin-top:14px;font-size:.88rem;color:var(--navy,#1A243C);text-decoration:none;border-bottom:2px solid var(--gold,#D4AC4A);padding-bottom:2px}
.hero-price-note:hover{color:var(--gold-dark,#8A6714)}
@media(max-width:480px){
  .nav-cta .btn-primary{display:inline-flex;padding:11px 14px;font-size:.74rem}
  .hero-actions .btn{width:100%}
}

/* ---------- barre d'action ---------- */
.oba-barre{position:fixed;left:0;right:0;bottom:0;z-index:900;background:var(--navy,#1A243C);color:#fff;
  transform:translateY(105%);transition:transform .4s cubic-bezier(.33,1,.68,1);box-shadow:0 -10px 30px -18px rgba(0,0,0,.5);
  padding-bottom:env(safe-area-inset-bottom,0)}
.oba-barre.is-on{transform:none}
.oba-barre__in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:10px 18px}
.oba-barre__t{flex:1 1 auto;min-width:0}
.oba-barre__t b{display:block;font-family:var(--font-display,inherit);font-size:.9rem;font-weight:700;line-height:1.25;color:#fff}
.oba-barre__t span{display:block;font-size:.76rem;color:rgba(255,255,255,.62);margin-top:2px;line-height:1.35}
.oba-barre__go{flex:none;background:var(--gold,#D4AC4A);color:var(--navy,#1A243C);font-family:var(--font-display,inherit);font-weight:700;font-size:.86rem;
  text-decoration:none;padding:12px 18px;line-height:1.1;white-space:nowrap}
.oba-barre__go:hover{background:#c69c38}
.oba-barre__x{flex:none;background:none;border:0;color:rgba(255,255,255,.6);font-size:1.35rem;line-height:1;padding:8px 6px;cursor:pointer}
.oba-barre__x:hover{color:#fff}
@media(max-width:480px){
  .oba-barre__in{gap:10px;padding:9px 12px}
  .oba-barre__t b{font-size:.8rem}
  .oba-barre__t span{font-size:.68rem}
  .oba-barre__go{padding:11px 14px;font-size:.8rem}
}
/* la pastille « Atelier gratuit » est remplacée par la barre sur cette page, et la carte d'invitation passe devant */
html.oba-barre-atelier .oba-bnp{display:none!important}
body.oba-inv-ouverte .oba-barre{transform:translateY(105%)}
@media(prefers-reduced-motion:reduce){.oba-barre{transition:none}}

/* ---------- tarifs : un sélecteur sur mobile ---------- */
.tc-seg{display:none}
.price-alt{display:block;text-align:center;font-size:.82rem;color:var(--ink-3,#5C6580);text-decoration:underline;text-underline-offset:3px;margin-top:2px}
.price-card.hi .price-alt{color:var(--ink-pale-1,#C7CDD9)}
.price-alt:hover{color:var(--gold-dark,#8A6714)}
.price-card.hi .price-alt:hover{color:var(--gold,#D4AC4A)}
@media(max-width:900px){
  .tc-seg{display:grid;grid-template-columns:repeat(3,1fr);max-width:460px;margin:0 auto 16px;border:1px solid var(--line-strong,rgba(26,36,60,.2));background:var(--cream-alt,#EFEAE0)}
  .tc-seg button{font-family:var(--font-display,inherit);font-size:.76rem;font-weight:700;color:var(--ink-3,#5C6580);background:none;border:0;
    border-bottom:3px solid transparent;padding:12px 4px;cursor:pointer;line-height:1.3;min-height:56px}
  .tc-seg button u{display:block;text-decoration:none;font-size:.92rem;color:var(--ink-pale,#8892A6);margin-top:3px}
  .tc-seg button[aria-selected=true]{color:var(--navy,#1A243C);border-bottom-color:var(--gold,#D4AC4A);background:#fff}
  .tc-seg button[aria-selected=true] u{color:var(--gold-darker,#6B4F0D)}
  .pricing-grid.tc-on .price-card:not(.is-sel){display:none}
  .pricing-grid.tc-on .price-card:hover{transform:none;box-shadow:none}
}

/* ---------- FAQ en accordéon ---------- */
.faq-acc-list{max-width:860px;display:grid;gap:0;border-top:1px solid var(--line-strong,rgba(26,36,60,.2))}
.faq-acc{border-bottom:1px solid var(--line-strong,rgba(26,36,60,.2))}
.faq-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 2px;min-height:44px}
.faq-acc summary::-webkit-details-marker{display:none}
.faq-acc summary h3{margin:0;font-family:var(--font-display,inherit);font-size:1.08rem;font-weight:700;color:var(--navy,#1A243C);line-height:1.3}
.faq-acc summary:after{content:"+";flex:none;font-family:var(--font-display,inherit);font-size:1.5rem;font-weight:400;color:var(--gold-dark,#8A6714);line-height:1}
.faq-acc[open] summary:after{content:"\2212"}
.faq-acc summary:focus-visible{outline:2px solid var(--gold-dark,#8A6714);outline-offset:2px}
.faq-acc p{margin:0 0 20px;max-width:70ch;color:var(--ink-2,#55607A);line-height:1.7}
.faq-more{margin-top:26px;font-size:.95rem;color:var(--ink-2,#55607A);max-width:860px}
.faq-more a{color:var(--navy,#1A243C);font-weight:600;text-underline-offset:3px}
.faq-esma{margin-top:22px;font-size:.82rem;color:var(--ink-3,#5C6580);max-width:860px;line-height:1.6}
.faq-esma a{color:inherit}

/* ---------- ressources gratuites ---------- */
.res-home{max-width:760px;margin:34px auto 0}
.res-home h3{font-family:var(--font-display,inherit);font-size:1.15rem;font-weight:800;color:var(--navy,#1A243C);margin:0 0 6px}
.res-home > p{margin:0 0 16px;font-size:.94rem;color:var(--ink-2,#55607A)}
.res-home__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.res-home__card{display:block;padding:14px 16px;border:1px solid var(--line-strong,rgba(26,36,60,.2));text-decoration:none;color:var(--navy,#1A243C);background:#fff;min-height:44px}
.res-home__card:hover{border-color:var(--gold-dark,#8A6714)}
.res-home__card b{display:block;font-size:.95rem;line-height:1.35}
.res-home__card span{display:block;margin-top:4px;font-size:.82rem;line-height:1.45;color:var(--ink-3,#5C6580)}
@media(max-width:900px){.res-home__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.res-home__grid{grid-template-columns:1fr}}

/* ---------- avis lisibles ---------- */
.review-card .review-tag{align-self:flex-start;font-size:.7rem;font-weight:600;letter-spacing:.02em;color:var(--gold,#D4AC4A);border:1px solid rgba(212,172,74,.45);padding:3px 8px}
.review-card .review-note{font-size:.74rem;color:var(--ink-pale,#8892A6);margin:-4px 0 0}
.review-text{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}
.review-card{align-self:flex-start}
@media(max-width:700px){
  .reviews-viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px}
  .reviews-track{animation:none;width:max-content}
  .review-card{width:min(78vw,320px);scroll-snap-align:start}
  .review-card:hover{transform:none;box-shadow:none}
}
#e-methode{border-top:3px solid var(--gold,#D4AC4A)}

/* ---------- cibles tactiles ---------- */
.foot-links a,.mobile-menu a,.foot-geo a{display:inline-block;padding-block:11px}
.mobile-menu a{display:block}