/* REHAB13 — styles globaux
   La mise en page est en styles inline dans le HTML. Ici : polices, reset, :hover, FAQ, menu. */
@font-face {
      font-family: 'Nunito Sans';
      src: url("fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf") format("truetype-variations");
      font-weight: 200 1000;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: 'Playfair Display';
      src: url("fonts/playfair-display.italic.ttf") format("truetype");
      font-weight: 400 900;
      font-style: italic;
      font-display: swap;
    }
    body { margin: 0; background: #ffffff; letter-spacing: -0.055em; overflow-x: hidden; }
    a { color: #7A5A47; text-decoration: none; }
    a:hover { color: #45322E; }

/* états :hover convertis depuis le design */
.hv-1:hover { background:#2E211D !important; }
.hv-2:hover { color:#7A5A47 !important; }
.hv-3:hover { background:#45322E !important; }
.hv-4:hover { border-color:#45322E !important; }

.faq-answer[hidden] { display: none; }
#site-menu[hidden] { display: none; }
[data-menu-toggle], [data-faq-toggle] { cursor: pointer; }
header a, footer a, #site-menu a { text-decoration: none; }

.btn-doctolib:hover { background:#2E211D !important; }
.doc-row:hover { border-color:#7A5A47 !important; }

#resa-menu[hidden] { display: none; }
.resa-row:hover { color:#7A5A47 !important; }
[data-resa-toggle] { cursor: pointer; border: 0; margin: 0; -webkit-appearance: none; appearance: none; line-height: inherit; }

/* hero accueil — mobile : vidéo en bandeau au-dessus, texte sur fond blanc */
@media (max-width: 760px) {
  .hero { display: flex !important; flex-direction: column !important; min-height: 0 !important; align-items: stretch !important; }
  .hero-media { position: relative !important; inset: auto !important; order: -1; width: 100% !important; height: 62vw !important; max-height: 420px; }
  .hero-media + .hero-media { position: absolute !important; top: 0 !important; left: 0 !important; }
  .hero-veil { display: none !important; }
  .hero-text { padding-top: 32px !important; padding-bottom: 40px !important; gap: 22px !important; background: #ffffff; }
}

.hv-resa:hover { background:#ffffff !important; color:#45322E !important; }