/* Le parcours de rendez-vous. Feuille commune à tout l'écosystème, elle
   n'invente aucune couleur : elle consomme les variables de la charte, donc
   elle se pose telle quelle sur les quatre domaines. */

.rdv-fond{position:fixed;inset:0;z-index:200;background:rgba(36,35,36,.72);
  backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;padding:22px}
.rdv-fond.ouvert{display:flex}
.rdv-boite{background:var(--papier,#FFFDFE);border-radius:26px;width:100%;max-width:560px;
  max-height:92vh;overflow-y:auto;padding:34px 36px 38px;position:relative;
  box-shadow:0 34px 90px rgba(0,0,0,.4);animation:rdv-entre .22s cubic-bezier(.22,.61,.36,1)}
@keyframes rdv-entre{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.rdv-boite{animation:none}}

.rdv-x{position:absolute;top:16px;right:18px;background:none;border:none;cursor:pointer;
  font:inherit;font-size:26px;line-height:1;color:var(--gris,#5f5860);padding:6px 9px;border-radius:10px}
.rdv-x:hover{background:var(--doux,#f6f2f4);color:var(--enc,#242324)}

.rdv-eyebrow{font-family:var(--corps);font-weight:700;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--rose-txt,#a83a6e);margin:0 0 20px}

/* La jauge. Elle ne décore pas : sans elle, on ne sait pas combien il reste,
   et c'est exactement là qu'on abandonne. */
.rdv-jauge{height:3px;border-radius:2px;background:rgba(36,35,36,.1);overflow:hidden;margin-bottom:22px}
.rdv-jauge i{display:block;height:100%;background:var(--rose,#ff98c6);border-radius:2px;
  transition:width .3s cubic-bezier(.22,.61,.36,1)}

.rdv-no{font-size:12px;color:var(--gris-clair,#7a727b);margin:0 0 8px;letter-spacing:.02em}
.rdv-boite h3{font-family:var(--titre);font-weight:400;font-size:28px;line-height:1.2;
  letter-spacing:-.015em;color:var(--enc,#242324);margin:0 0 22px}
.rdv-sous{font-size:14px;line-height:1.6;color:var(--gris,#5f5860);margin:16px 0 0}

/* Les options. Cliquables en entier, jamais une case à cocher de 14 px : sur
   un téléphone, c'est la cible qui décide si le formulaire se remplit. */
.rdv-opts{display:flex;flex-direction:column;gap:10px}
.rdv-opts button{font:inherit;font-size:16px;line-height:1.4;text-align:left;cursor:pointer;
  background:var(--blanc,#fff);color:var(--enc,#242324);border:none;border-radius:14px;
  padding:16px 20px;transition:transform .16s cubic-bezier(.22,.61,.36,1),box-shadow .16s ease,background-color .16s ease;
  box-shadow:0 1px 2px rgba(36,35,36,.05),0 6px 18px rgba(36,35,36,.055)}
.rdv-opts button:hover{background:#fff2f7;transform:translateY(-2px);
  box-shadow:0 2px 4px rgba(255,152,198,.14),0 14px 34px rgba(255,152,198,.22)}

.rdv-retour{margin-top:18px;background:none;border:none;cursor:pointer;font:inherit;font-size:14px;
  color:var(--gris,#5f5860);text-decoration:underline;text-underline-offset:3px;padding:4px 0}
.rdv-retour:hover{color:var(--enc,#242324)}

.rdv-form{display:flex;flex-direction:column;gap:11px;margin-top:20px}
.rdv-form input{font:inherit;font-size:16px;padding:15px 17px;border-radius:14px;
  border:1.5px solid rgba(36,35,36,.14);background:var(--blanc,#fff);color:var(--enc,#242324);
  transition:border-color .16s ease}
.rdv-form input:focus{outline:none;border-color:var(--rose,#ff98c6);
  box-shadow:0 0 0 4px rgba(255,152,198,.2)}
.rdv-form input::placeholder{color:var(--gris-clair,#7a727b)}
.rdv-go{font:inherit;font-family:var(--titre);font-weight:400;font-size:16px;letter-spacing:-.01em;
  cursor:pointer;background:var(--rose,#ff98c6);color:var(--enc,#242324);border:none;
  border-radius:14px;padding:17px 22px;margin-top:4px;
  transition:transform .16s cubic-bezier(.22,.61,.36,1),background-color .16s ease}
.rdv-go:hover{background:#ff7fb8;transform:translateY(-2px)}
.rdv-err{margin:2px 0 0;font-size:14px;color:#b8524f;line-height:1.5}

.rdv-cal{border-radius:16px;overflow:hidden;margin-top:4px;background:var(--doux,#f6f2f4)}
.rdv-cal iframe{width:100%;height:620px;border:0;display:block}

@media(max-width:620px){
  .rdv-fond{padding:0;align-items:flex-end}
  .rdv-boite{max-width:none;max-height:94vh;border-radius:24px 24px 0 0;padding:28px 22px 32px}
  .rdv-boite h3{font-size:21px}
  .rdv-cal iframe{height:70vh}
}

/* ---------- Ajouts du 26/07/2026 : le formulaire porte maintenant le
     téléphone (obligatoire pour le speed-to-lead WhatsApp) et un piège à
     robots. ---------- */

/* Le piège doit être invisible à l'œil ET absent des lecteurs d'écran, sans
   `display:none` : certains robots ignorent les champs masqués de cette façon,
   et un champ que le robot ne voit pas ne l'attrape pas. */
.rdv-piege{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}

/* La ligne qui désamorce la question « pourquoi mon numéro ». Elle vit sous le
   bouton, pas au-dessus : posée avant, elle donne un doute à quelqu'un qui
   n'en avait pas. */
.rdv-note{margin:14px 0 0;font-size:13px;line-height:1.6;color:var(--gris-clair,#7a727b)}

/* Le bouton en cours d'envoi : il doit se voir désactivé, sinon on double-clique
   et on crée deux réservations pour un seul visiteur. */
.rdv-go[disabled]{opacity:.6;cursor:default;transform:none}
.rdv-go[disabled]:hover{background:var(--rose,#ff98c6);transform:none}