/* Clinique Bonté — compléments des pages patient (pages/*.html), en plus de
   tailwind.css et site.css. */

/* Champ piège anti-spam : hors écran plutôt que display:none, que certains robots détectent. */
.numero_reference_piege{position:absolute;left:-9999px;opacity:0}

/* Cartes cliquables (choix du type de rendez-vous) : léger soulèvement au survol. */
.card-lift{transition:transform .25s ease-out,box-shadow .25s ease-out}
.card-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px rgba(15,61,117,.25)}

/* Barre unique qui glisse sous l'onglet actif (positionnée par updateTabIndicator, script.js). */
.tab-indicator{position:absolute;bottom:-1px;height:2px;background:var(--blue);transition:left .25s ease-out,width .25s ease-out}

/* Icône de chargement des boutons d'envoi. `.spinner.hidden` doit l'emporter sur
   `display:inline-block`, quel que soit l'ordre de chargement des feuilles. */
.spinner{display:inline-block;animation:spin 1s linear infinite}
.spinner.hidden{display:none}
@keyframes spin{to{transform:rotate(360deg)}}

input,select,textarea{font-family:inherit}
input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent)}