/* Studio A Formation · landing page rejoindre.studioa-formation.fr */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:#2D3345}
img,video{max-width:100%}
h1,h2,h3{text-wrap:balance}
p,li{text-wrap:pretty}
[hidden]{display:none !important}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #7D6F4A;outline-offset:2px}

/* Boutons de choix (réservation) */
.choix{min-height:48px;padding:12px 20px;background:#FFFFFF;color:#2D3345;border:1px solid #868C9A;border-radius:4px;font:inherit;font-weight:700;cursor:pointer;text-align:left;transition:background .15s,color .15s,border-color .15s}
.choix:hover{border-color:#525766}
.choix[aria-pressed="true"]{background:#525766;border-color:#525766;color:#FFFFFF}

/* Formulaire newsletter */
.champ{min-height:48px;padding:10px 14px;border:1px solid #69727D;border-radius:3px;font:inherit;color:#2D3345;background:#FFFFFF;flex:1 1 200px;min-width:0}
.bouton-sombre,.bouton-clair{min-height:48px;padding:12px 22px;border-radius:4px;font:inherit;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:14px;cursor:pointer}
.bouton-sombre{background:#525766;color:#FFFFFF;border:1px solid #525766}
.bouton-sombre:hover{background:#3E4250}
.bouton-clair{background:#FFFFFF;color:#525766;border:1px solid #525766}
.bouton-clair:hover{background:#F2ECE4}
.bouton-sombre[disabled]{opacity:.6;cursor:wait}

/* Calendrier GHL */
#calendrier iframe{width:100%;min-height:720px;border:0;display:block}
.calendrier-attente{padding:28px;border:1px dashed #868C9A;background:#F9F6F2;text-align:center;font-size:15px}

/* Bandeau cookies */
#cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:720px;margin:0 auto;background:#FFFFFF;color:#2D3345;border:1px solid #F2ECE4;box-shadow:0 6px 24px rgba(0,0,0,.18);border-radius:6px;padding:18px 20px;display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;font-size:14px}
#cookies p{margin:0;flex:1 1 280px}
#cookies > div{display:flex;gap:10px;flex-wrap:wrap}
#bloc-non,#bloc-q2,#bloc-calendrier{display:flex}

/* FAQ */
details summary{cursor:pointer}

/* Mobile */
@media (max-width:640px){
  h1{font-size:32px !important}
  h2{font-size:27px !important}
  section > div{padding-left:16px !important;padding-right:16px !important}
  #calendrier iframe{min-height:820px}
}