/* Composant de reservation — agenda natif, ajoute le 2026-10-17.
   Valeurs reprises TELLES QUELLES de assets/onboarding-native-agenda.css de la refonte
   d'Isabelle, pour que le bouton soit exactement celui qu'elle verra quand la refonte
   sortira. Rien d'autre n'est importe de cette feuille : elle y melange des regles de
   la refonte en pause (cartes de service, biographie, degrade du pied de page), qui
   n'ont rien a faire sur le site en ligne. */
.booking-header,.booking-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 20px;border-radius:30px;background:#003027;color:#fff;white-space:nowrap;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none}
.booking-header:hover,.booking-button:hover{background:#1c5144;color:#fff}
.booking-header:focus-visible,.booking-button:focus-visible{outline:3px solid #98722c;outline-offset:4px}
.native-booking{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px;margin:0 0 36px;border:1px solid #00302725;border-radius:20px;background:#f4eee4}
.native-booking h2{font-size:32px;line-height:1.2;margin:8px 0 12px}
.native-booking p{margin:0}
.native-booking .eyebrow{font-size:12px}
.native-booking .booking-button{flex-shrink:0}
/* Sous 700px le bloc se deplie et le bouton prend toute la largeur : un pouce, pas une souris. */
@media(max-width:700px){
  .native-booking{display:block;padding:24px;margin-bottom:28px}
  .native-booking h2{font-size:28px}
  .native-booking .booking-button{margin-top:20px;width:100%;white-space:normal}
}
/* Sous 600px le bouton d'en-tete passe sous la marque plutot que de serrer le menu. */
@media(max-width:600px){
  .booking-header{margin:0;min-width:120px;font-size:13px;padding:10px 16px}
}