/* ═══════════════════════════════════════════════════════════════════════
   rdv.css — Composant overlay « Prendre rendez-vous » (4 étapes)
   Roïka Events · self-contained · classes .rdv- / .cal- / .verif- uniquement.

   Pilotage : l'overlay est piloté par l'attribut data-step posé EN JS sur
   l'élément .rdv-overlay lui-même (#rdv-panel). On n'utilise PLUS le
   combinateur frère #bloc-hero[data-step] ~ ... : le composant est ainsi
   totalement découplé du hero (I01 self-contained). Valeurs de data-step :
   absent/none (fermé) · coord · cal · verif · done.

   Tokens : la charte définit ses couleurs/typo dans le :root de la page ;
   on les RE-déclare ici en fallback (var(--x, littéral)) pour rester autonome
   si rdv.css est chargé sans le :root de la page.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Tokens propres au composant (B01–B16) + fallbacks charte (B20/I04) ── */
.rdv-overlay{
  /* Couleurs charte (fallback si :root absent) */
  --rdv-midnight:var(--midnight,#013D5A);
  --rdv-midnight-2:var(--midnight-2,#0A5277);
  --rdv-marigold:var(--marigold,#F4A25B);
  --rdv-herb:var(--herb,#708C69);
  --rdv-celeste:var(--celeste,#BDD3CE);
  --rdv-lionsmane:var(--lionsmane,#FCF3E3);
  --rdv-ink:var(--ink,#013D5A);
  --rdv-ink2:var(--ink2,#3E5C6B);
  --rdv-ink3:var(--ink3,#6E8794);
  --rdv-ink4:var(--ink4,#A8BBC3);
  --rdv-line:var(--line,#cddbd6);
  --rdv-line-soft:var(--line-soft,#e3ece9);
  --rdv-box:var(--box,#f3f8f6);
  --rdv-white:var(--white,#ffffff);
  --rdv-maxw:var(--maxw,1240px);

  /* Typo charte (fallback) */
  --rdv-sans:var(--sans,'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif);
  --rT2:var(--T2,clamp(1.62rem,3.4vw,2.37rem));
  --rT3:var(--T3,clamp(1.33rem,2.4vw,1.78rem));
  --rT-lead:var(--T-lead,clamp(1.2rem,1.8vw,1.33rem));
  --rT-corps:var(--T-corps,1rem);
  --rT-petit:var(--T-petit,0.86rem);
  --rT-micro:var(--T-micro,0.72rem);

  /* Champs (B01) */
  --rdv-field-h:52px;
  /* Radius (B02–B07) */
  --r-frame:20px;
  --r-card:16px;
  --r-field:12px;
  --r-cell:10px;
  --r-btn-sm:8px;
  --r-pill:999px;
  /* Espacement (B09–B13) */
  --rdv-pad:clamp(32px,4.2vw,56px);
  --rdv-gap-col:clamp(36px,5vw,72px);
  --rdv-gap-block:24px;
  --rdv-gap-tight:16px;
  --rdv-gap-micro:8px;
  /* Ombres (B14–B16) */
  --sh-2:0 14px 36px -26px rgba(1,61,90,.30);
  --sh-3:0 40px 120px -30px rgba(2,16,24,.6);
  /* Motion (E02) */
  --rdv-easing:cubic-bezier(.16,1,.3,1);
}

/* ════ Voile plein écran (A04 voile · A05/H02 flou préfixé · H05 z-index) ════ */
.rdv-overlay{
  display:none;position:fixed;inset:0;z-index:200;            /* H05 : 200 > header 60 */
  align-items:center;justify-content:center;                  /* A07 : centré vertical */
  padding:clamp(24px,4vh,56px) clamp(16px,4vw,48px);
  background:rgba(2,16,24,.72);                                /* A04 */
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);/* A05 + H02 */
  overflow-y:auto;overscroll-behavior:contain;
  font-family:var(--rdv-sans);line-height:1.6;color:var(--rdv-ink);
}
/* L'overlay s'affiche dès qu'une étape est active (A06 : enveloppe identique 4/4) */
.rdv-overlay[data-step="coord"],
.rdv-overlay[data-step="cal"],
.rdv-overlay[data-step="verif"],
.rdv-overlay[data-step="done"]{display:flex}

/* Bloque le scroll de la page derrière (H03) */
html.rdv-open,html.rdv-open body{overflow:hidden}

/* ════ Cadre blanc (A01 1240 · A02 min(620,72vh) · A03 radius 20 · B15+B16) ════ */
.rdv-panel-inner{
  position:relative;
  width:100%;max-width:var(--rdv-maxw);margin:0 auto;         /* A01 */
  height:min(640px,82vh);min-height:min(620px,72vh);          /* A02 */
  display:flex;flex-direction:column;justify-content:flex-start; /* gabarit 4 étapes : en-tête calé en haut */
  background:var(--rdv-white);border-radius:var(--r-frame);    /* A03 */
  box-shadow:var(--sh-3),0 14px 40px -28px rgba(1,61,90,.4);   /* B15 + B16 double ombre */
  padding:clamp(28px,3vw,40px) var(--rdv-pad) var(--rdv-pad);  /* B09 ; padding-haut réduit pour remonter l'en-tête */
  overflow:hidden;
}
/* E01–E04 / H06 : apparition du cadre joue UNE fois à l'ouverture,
   via la classe .rdv-anim-in posée en JS (PAS un sélecteur d'attribut permanent). */
.rdv-overlay.rdv-anim-in .rdv-panel-inner{animation:rdvFrameIn .32s var(--rdv-easing) both}
@keyframes rdvFrameIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes rdvFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Bouton X retiré (choix Thierry : pas de croix ; fermeture par Échap + clic voile) */
.rdv-close{display:none}

/* SOCLE MOBILE — éléments réservés au gabarit ≤600px : masqués par défaut (desktop ≥601px).
   Le bloc @media(max-width:600px) les ré-affiche (croix/retour en flex ; footer en flex à l'étape coord). */
.rdv-mclose,.rdv-mback{display:none}
.rdv-mclose-link{display:none}                                   /* lien « Fermer » étape 4 = MOBILE uniquement (ré-affiché ≤600px / .rdv-m) */
.rdv-footer{display:none}

/* ════ En-tête unifié (A08–A17 · J01 · J02) — identique sur les 4 étapes ════ */
.rdv-header{margin-bottom:clamp(20px,2.6vw,28px)} /* air sous l'en-tête (gabarit 4 étapes) ; plus de filet ni réserve croix */
/* Rangée haute : surtitre à gauche + groupe (Retour + indicateur) à droite, même niveau */
.rdv-head-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:8px}
.rdv-head-right{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.rdv-eyebrow{                                                  /* A09/A10 surtitre micro dynamique */
  display:block;font-size:var(--rT-micro);font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--rdv-ink2);
  margin:0;
}
.rdv-h2{                                                       /* A11 H2 : T2 / 800 / -.02em */
  font-size:var(--rT2);font-weight:800;letter-spacing:-.02em;line-height:1.1;
  margin:0 0 8px;color:var(--rdv-ink);
}
/* Étape done : le H2 reçoit tabindex=-1 + focus() pour l'annonce lecteur d'écran.
   Ce n'est pas un contrôle interactif → on neutralise l'outline focus (liseré bleu Safari). */
.rdv-h2:focus{outline:none}
.rdv-subtitle{font-size:var(--rT-lead);font-weight:300;color:var(--rdv-ink2);margin:0;max-width:42em;line-height:1.34} /* chapô lié au H2 */
/* étape 1 : césure du chapô gérée par <br> dans le markup (après « engagement, ») */
/* Indicateur 3 segments (A14–A17 · J02) — aria-hidden, allumé 1/2/3/3 selon l'étape ; à droite du surtitre */
.rdv-steps{display:flex;gap:6px;flex:0 0 auto}
.rdv-steps i{width:26px;height:4px;background:var(--rdv-line);border-radius:var(--r-pill);transition:background .28s ease}
.rdv-steps i.on{background:var(--rdv-marigold)}               /* A17 : franchi = orange */
.rdv-sr-progress{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} /* F12 sr-only */

/* ── Bascule du contenu d'étape (une seule visible) ── */
.rdv-step{display:none}
.rdv-overlay[data-step="coord"] .rdv-step-coord,
.rdv-overlay[data-step="cal"]   .rdv-step-cal,
.rdv-overlay[data-step="verif"] .rdv-step-verif,
.rdv-overlay[data-step="done"]  .rdv-step-done{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;animation:rdvStepIn .28s var(--rdv-easing) both} /* E05/E06 · gabarit : étape s'étire pour pousser le CTA en bas */
@keyframes rdvStepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ════ ÉTAPE 1 — Coordonnées : 2 colonnes 50/50 (cohérence étape 2) ════ */
.rdv-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rdv-gap-col);align-items:stretch;flex:1 1 auto;min-height:0} /* 50/50 strict ; la grille remplit la hauteur de l'étape → margin-top:auto plaque bouton+RGPD en bas */

/* Gabarit colonne : contenu groupé EN HAUT + pied plaqué EN BAS (réutilisable 4 étapes) */
.rdv-pitch{display:flex;flex-direction:column;justify-content:flex-start;padding-top:30px} /* descend le contenu (réglage Thierry : 30px à gauche, 50px à droite) */
.rdv-pitch .rdv-lead{font-size:var(--rT-lead);font-weight:300;color:var(--rdv-ink2);line-height:1.34;margin:0 0 clamp(18px,2.4vw,24px)}
.rdv-value{font-size:var(--rT-corps);color:var(--rdv-ink2);line-height:1.6;margin-bottom:clamp(20px,2.6vw,26px);max-width:34em}
.rdv-block{margin-bottom:28px}
.rdv-block:last-of-type{margin-bottom:0}
.rdv-block-title{display:block;font-size:var(--rT-micro);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rdv-ink2);margin-bottom:10px}
.rdv-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.rdv-points li{position:relative;padding-left:26px;font-size:var(--rT-corps);color:var(--rdv-ink);line-height:1.45}
.rdv-points li::before{content:'';position:absolute;left:0;top:.55em;width:13px;height:2px;background:var(--rdv-marigold);border-radius:2px}
.rdv-prep{font-size:var(--rT-corps);color:var(--rdv-ink2);line-height:1.55}
/* Séparateur + mention RGPD de la colonne gauche (poussée en bas via margin auto) */
.rdv-sep{height:1px;background:var(--rdv-line-soft);margin:clamp(18px,2.4vw,24px) 0;border:0}
.rdv-rgpd{margin-top:auto;padding-top:28px;font-size:var(--rT-petit);color:var(--rdv-ink3);line-height:1.5} /* pied de colonne plaqué en bas + plancher 28px (gabarit) */

/* Colonne droite : formulaire en pile aérée, bouton poussé en bas */
.rdv-form-col{display:flex;flex-direction:column}
/* Colonne droite (gabarit) : champs descendus, bouton plaqué en bas → aligné avec le RGPD */
.rdv-form-col{justify-content:flex-start}
.rdv-form-col form{display:flex;flex-direction:column;flex:1 1 auto;gap:20px;padding-top:50px} /* padding-top : descend les champs pour réduire le vide champs↔bouton */
.rdv-form-col form > .rdv-submit{margin-top:auto} /* bouton plaqué en bas (aligné avec le RGPD à gauche) */
.rdv-row{display:flex;gap:14px;margin-bottom:0}
.rdv-cols .rdv-field{flex:1;margin-bottom:0}
.rdv-field{flex:1;margin-bottom:14px}
.rdv-field label{display:block;font-size:var(--rT-micro);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rdv-ink2);margin-bottom:6px}
.rdv-field input{
  width:100%;height:var(--rdv-field-h);border:1px solid var(--rdv-line);border-radius:var(--r-field);
  padding:0 16px;font-family:inherit;font-size:var(--rT-corps);color:var(--rdv-ink);background:var(--rdv-box);
  transition:border-color .18s ease,box-shadow .18s ease;     /* E10 : pas de `all` */
}
.rdv-field input::placeholder{color:var(--rdv-ink4)}
.rdv-field input:focus{outline:none;border-color:var(--rdv-marigold);box-shadow:0 0 0 3px rgba(244,162,91,.18)} /* F07 */
.rdv-field input:focus-visible{outline:2px solid var(--rdv-marigold);outline-offset:2px}                         /* F07 */
.rdv-field .req{color:var(--rdv-marigold);font-weight:800}
.rdv-field .opt{color:var(--rdv-ink2);font-weight:600;text-transform:none;letter-spacing:0}
.rdv-field-err{font-size:var(--rT-micro);color:#C0392B;margin-top:5px;font-weight:600}
.rdv-field input.error{border-color:#C0392B;box-shadow:0 0 0 3px rgba(192,57,43,.14)}
.rdv-submit{padding-top:15px;padding-bottom:15px}
.rdv-note{font-size:var(--rT-petit);color:var(--rdv-ink2);text-align:center;margin-top:13px} /* F02 : ink2, pas ink3 */

/* ════ Boutons (réassemblés localement — autonomie, ne dépend pas de .btn page) ════ */
.rdv-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:inherit;font-weight:700;cursor:pointer;border:none;border-radius:var(--r-pill);
  transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease,color .18s ease; /* E07/E08/E10 */
}
.rdv-btn-accent{                                              /* B17 : orange = CTA */
  background:var(--rdv-marigold);color:var(--rdv-midnight);padding:17px 34px;
  font-size:var(--rT-corps);box-shadow:0 10px 24px -10px rgba(244,162,91,.7);
}
.rdv-btn-accent:hover{background:#F6B074;transform:translateY(-1px)} /* E08 */
.rdv-btn-block{width:100%}
.rdv-btn-accent:disabled{background:var(--rdv-line);color:var(--rdv-ink3);box-shadow:none;cursor:not-allowed;transform:none}
.rdv-btn:focus-visible{outline:3px solid var(--rdv-midnight);outline-offset:3px} /* F04/F06 */

/* ════ ÉTAPE 2 — Calendrier ════ */
.cal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:clamp(18px,2.4vw,26px);flex-wrap:wrap}
.cal-back{                                                    /* A23 : retour ← à gauche */
  font-size:var(--rT-petit);font-weight:700;color:var(--rdv-ink2);cursor:pointer;
  border:1px solid var(--rdv-line);background:var(--rdv-white);display:inline-flex;gap:7px;align-items:center;
  padding:9px 15px;border-radius:var(--r-pill);line-height:1;font-family:inherit;
  transition:border-color .18s ease,color .18s ease,background-color .18s ease; /* E10 */
}
.cal-back:hover{color:var(--rdv-midnight);border-color:var(--rdv-midnight)}
.cal-back:focus-visible{outline:3px solid var(--rdv-marigold);outline-offset:2px} /* F04 */

/* Récap coordonnées en tête de l'étape calendrier */
.rdv-recap-coord{display:flex;align-items:baseline;flex-wrap:nowrap;gap:32px;margin:0 0 16px;padding:0} /* pas de filet, collé en haut au niveau du calendrier */
.rdv-recap-coord .rrc-item{font-size:var(--rT-petit);color:var(--rdv-ink2);white-space:nowrap}
.rdv-recap-coord .rrc-label{display:inline-block;font-size:var(--rT-micro);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rdv-ink2);margin-right:7px}
.rdv-recap-coord b{color:var(--rdv-ink);font-weight:700}

.cal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rdv-gap-col);align-items:start;flex:1 1 auto;min-height:0} /* 50/50 strict ; colonnes alignées en haut */
.month{border:1px solid var(--rdv-line);border-radius:var(--r-card);padding:16px 18px;background:#fff;box-shadow:var(--sh-2)} /* B03 + B14 ; padding réduit pour tenir en hauteur */
.month-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.month-nav .mname{font-weight:800;font-size:var(--rT-corps);letter-spacing:-.01em;color:var(--rdv-ink)}
.month-nav button{
  width:30px;height:30px;border-radius:var(--r-btn-sm);border:1px solid var(--rdv-line);background:var(--rdv-white);
  cursor:pointer;font-size:var(--rT-corps);color:var(--rdv-ink2);font-family:inherit;
  transition:background-color .15s ease,color .15s ease,border-color .15s ease; /* E09/E10 */
}
.month-nav button:hover{background:var(--rdv-midnight);color:var(--rdv-lionsmane);border-color:var(--rdv-midnight)}
.month-nav button:focus-visible{outline:3px solid var(--rdv-marigold);outline-offset:2px} /* F04 */
.dow{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:6px}
.dow span{text-align:center;font-size:var(--rT-micro);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--rdv-ink4)} /* F03 : ink4 = état décoratif */
.days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.day{
  display:flex;align-items:center;justify-content:center;font-size:var(--rT-corps);
  border-radius:var(--r-cell);cursor:pointer;color:var(--rdv-ink);border:1px solid transparent;
  font-family:inherit;background:transparent;width:100%;padding:0;height:42px;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease; /* E09/E10 */
}
.day:not(.mut):not(.off):not(.sel):not(:disabled){background:#F7FBFA;border-color:var(--rdv-celeste);color:var(--rdv-ink);font-weight:600}
.day:not(.mut):not(.off):not(.sel):not(:disabled):hover{border-color:var(--rdv-marigold);background:#fff} /* E11 */
.day.mut{color:var(--rdv-line);cursor:default;background:transparent;border-color:transparent}
.day.off,.day:disabled{color:var(--rdv-ink4);cursor:not-allowed;background:transparent;border-color:transparent;font-weight:400} /* F03 : ink4 = désactivé */
.day.sel{background:var(--rdv-midnight);color:var(--rdv-lionsmane);font-weight:700;border-color:var(--rdv-midnight);box-shadow:0 6px 16px -8px rgba(1,61,90,.5)} /* B19 : jour sélectionné = bleu nuit */
.day:focus-visible,.slot:focus-visible{outline:3px solid var(--rdv-marigold);outline-offset:2px} /* F04/F05 */

.cal-loading{grid-column:1/-1;margin:0;padding:18px 4px;font-size:var(--rT-petit);line-height:1.5;color:var(--rdv-ink2);text-align:center} /* F02 */

.slots-host{display:flex;flex-direction:column;min-height:100%}
.slots-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:12px}
.slots-head .sd{font-size:var(--rT-corps);color:var(--rdv-ink2)}
.slots-head .sd b{font-weight:800;color:var(--rdv-midnight)}
.toggle{display:inline-flex;border:1.5px solid var(--rdv-line);border-radius:var(--r-field);overflow:hidden;background:var(--rdv-white)} /* B04 */
.toggle button{border:none;background:none;padding:9px 16px;font-family:inherit;font-size:var(--rT-petit);font-weight:700;color:var(--rdv-ink2);cursor:pointer;transition:background-color .15s ease,color .15s ease} /* E10 */
.toggle button.on{background:var(--rdv-midnight);color:var(--rdv-lionsmane)}
.toggle button:focus-visible{outline:3px solid var(--rdv-marigold);outline-offset:-2px} /* F04 */

.slots{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;overflow-y:auto;align-content:start;padding-right:4px;max-height:none;min-height:0;flex:1 1 auto}
.slots::-webkit-scrollbar{width:7px}
.slots::-webkit-scrollbar-thumb{background:var(--rdv-line);border-radius:var(--r-pill)}
.slot{
  border:1px solid var(--rdv-line);border-radius:var(--r-cell);padding:13px 0;text-align:center;
  font-size:var(--rT-petit);font-weight:600;cursor:pointer;background:var(--rdv-white);color:var(--rdv-ink);
  font-family:inherit;width:100%;transition:background-color .15s ease,border-color .15s ease,color .15s ease; /* E09/E10 */
}
.slot.taken,.slot:disabled{color:var(--rdv-ink4);background:transparent;border-color:var(--rdv-line);cursor:not-allowed;font-weight:400}
.slot.taken:hover{border-color:var(--rdv-line)}
.slot:not(.taken):not(:disabled):not(.sel):hover{border-color:var(--rdv-marigold);background:#fff;color:var(--rdv-ink)} /* E11 */
.slot.sel{background:var(--rdv-midnight);color:var(--rdv-lionsmane);border-color:var(--rdv-midnight);box-shadow:0 6px 16px -8px rgba(1,61,90,.5)} /* B18 : créneau sélectionné = bleu nuit */
.slot.sel:hover{background:var(--rdv-midnight);color:var(--rdv-lionsmane)}
.cal-cta{margin-top:24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:20px;width:100%}
.cal-cta-end{justify-content:flex-end}                        /* A24 : CTA bas-droite */
.slots-host .cal-cta{margin-top:auto}
.cal-cta .rdv-btn-accent{padding:14px 30px;font-size:var(--rT-corps)}

/* ════ ÉTAPE 3 — Vérification entreprise ════ */
/* Colonne A : récap avec libellés ; Contact+Email+Créneau en un groupe régulier, Créneau détaché par un filet fin */
.recap-col{display:flex;flex-direction:column;justify-content:flex-start;padding-top:30px} /* descente cohérente étape 1 gauche */
.recap-eyebrow{font-size:var(--rT-micro);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rdv-ink2);padding-bottom:12px;border-bottom:1px solid var(--rdv-line-soft);margin-bottom:20px} /* surtitre gris + filet */
.recap-group{display:flex;flex-direction:column;gap:20px} /* Contact+Email+Créneau liés */
.recap-item{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:start} /* ✓ | libellé+valeur ; ✓ aligné sur la valeur via grid-row:2 */
.recap-item .recap-check{grid-column:1;grid-row:2;align-self:start;color:var(--rdv-herb);font-weight:800;font-size:16px;line-height:1.35}
.recap-body{display:contents}
.recap-label{grid-column:2;grid-row:1;font-size:var(--rT-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--rdv-ink2);margin-bottom:2px} /* libellé discret */
.recap-value{grid-column:2;grid-row:2;font-size:var(--rT-corps);font-weight:700;color:var(--rdv-midnight);line-height:1.35;word-break:break-word;max-width:24em} /* la donnée porte */
.recap-item--slot{margin-top:8px;padding-top:20px;border-top:1px solid var(--rdv-line-soft)} /* Créneau détaché par un filet fin */
.verif-form-col{display:flex;flex-direction:column}
.verif-form-col form{display:flex;flex-direction:column;flex:1 1 auto;gap:18px;padding-top:50px} /* champs descendus 50px (étape 1), gap 18px entre les 2 champs */
.verif-form-col .rdv-field{max-width:420px}
.input-prefix{display:flex;width:100%;max-width:100%;box-sizing:border-box;border:1px solid var(--rdv-line);border-radius:var(--r-field);overflow:hidden;background:var(--rdv-box)} /* B04 ; width/max-width/box-sizing : ne jamais dépasser la largeur du .rdv-field parent (aligné sur l'input « société ») */
.input-prefix:focus-within{border-color:var(--rdv-marigold);box-shadow:0 0 0 3px rgba(244,162,91,.18)}
.prefix-select{border:none;background:#EEF3F1;font-family:inherit;font-size:var(--rT-petit);color:var(--rdv-ink2);padding:0 8px;cursor:pointer;border-right:1px solid var(--rdv-line)}
.prefix-select:focus-visible{outline:3px solid var(--rdv-marigold);outline-offset:-2px}
.input-prefix input{flex:1;min-width:0;border:none;height:var(--rdv-field-h);padding:0 13px;font-family:inherit;font-size:var(--rT-petit);color:var(--rdv-ink);background:transparent} /* min-width:0 : autorise l'item flex à rétrécir sous la largeur intrinsèque du placeholder → pas de débordement */
.input-prefix input:focus{outline:none}
.verif-form-col .cal-cta{margin-top:auto;flex-direction:column;align-items:stretch;gap:0;padding-top:28px} /* plaque le bouton pleine largeur en bas */
.mrecap{display:none} /* récap condensé = MOBILE uniquement : masqué desktop, ré-affiché en flex dans les blocs ≤600px / .rdv-m */

/* ════ ÉTAPE 4 — Confirmation (anti no-show C12–C14) ════ */
.rdv-overlay[data-step="done"] .rdv-step-done{justify-content:center} /* centre le corps sous l'en-tête (en-tête reste en haut) */
.rdv-done{text-align:center;padding:8px 6px;max-width:560px;margin:0 auto}
.rdv-check{width:64px;height:64px;border-radius:50%;border:2.5px solid var(--rdv-herb);color:var(--rdv-herb);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.rdv-done .recap{font-size:var(--rT-corps);color:var(--rdv-ink2);margin-bottom:18px}
.rdv-done .recap b{color:var(--rdv-ink);font-weight:700}
.rdv-done .recap .recap-slot{display:inline-block;font-size:var(--rT-lead);font-weight:700;color:var(--rdv-ink);line-height:1.25;margin-bottom:4px}
.rdv-done .visio{font-size:var(--rT-petit);color:var(--rdv-ink2);line-height:1.6;margin-bottom:16px} /* C12 · F02 */
.rdv-done .visio b{color:var(--rdv-ink);font-weight:700}

/* ════════════════ RESPONSIVE DE BASE (mobile = passe G ultérieure) ════════════════
   On garde l'overlay utilisable en petit écran sans traiter la section G en détail. */
@media(max-width:880px){
  .rdv-cols{grid-template-columns:1fr;gap:clamp(20px,5vw,28px)}
  .rdv-value,.rdv-block,.rdv-sep,.rdv-rgpd{display:none}     /* mobile : champs en avant, pas de filet/texte orphelin */
  .cal-grid{grid-template-columns:1fr}
  .rdv-recap-coord{flex-wrap:wrap;gap:8px 20px}
  .month{max-width:360px}
  .slots{max-height:none;min-height:0}
  .cal-cta-end{justify-content:stretch}
  .cal-cta .rdv-btn-accent{width:100%}
  .verif-form-col form{max-width:none}
}
@media(max-width:480px){
  .rdv-panel-inner{padding:clamp(20px,5vw,28px)}
  .day{height:42px}
  .slots{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}
}

/* ════════════════════════════════════════════════════════════════════════
   GABARIT MOBILE (≤600px) — overlay plein écran · 3 zones (header/corps/footer)
   ──────────────────────────────────────────────────────────────────────────
   MÉTHODE DOUBLE PORTÉE (atelier vs live) :
   Les media queries se basent sur la largeur du VIEWPORT, pas du conteneur.
   Pour que `atelier-rdv-mobile.html` montre le rendu mobile dans un navigateur
   desktop LARGE (sans passer en vue mobile DevTools), chaque règle mobile est
   exposée DEUX FOIS, via le même bloc de déclarations :
     1. sous `@media(max-width:600px)`  → s'applique au VRAI live (téléphone réel
        ou DevTools en vue mobile).
     2. sous la classe de portée `.rdv-m` (posée sur l'.rdv-overlay dans l'atelier)
        → s'applique quelle que soit la largeur du viewport, donc visible direct.
   Pour éviter la divergence, les sélecteurs des deux portées sont regroupés
   (`.rdv-m X, @media{...}`) en miroir. Si on touche l'un, toucher l'autre.
   ════════════════════════════════════════════════════════════════════════ */

/* ── Bloc 1/2 : portée CLASSE `.rdv-m` (atelier, indépendant du viewport) ── */
.rdv-m.rdv-panel-inner,
.rdv-m .rdv-panel-inner{
  height:100%;min-height:0;max-width:none;border-radius:0;          /* plein écran : panel à radius 0 */
  box-shadow:none;padding:0;overflow:hidden;
  display:flex;flex-direction:column;
}
/* HEADER fixe en haut : on le sort du flux scrollable, croix + retour intégrés */
.rdv-m .rdv-header{
  flex:0 0 auto;margin:0;padding:18px 20px 16px;
  border-bottom:1px solid var(--rdv-line-soft);position:relative;
}
.rdv-m .rdv-head-top{margin-bottom:10px;gap:10px}
.rdv-m .rdv-h2{font-size:1.5rem;line-height:1.12;margin:0 0 6px}
.rdv-m .rdv-subtitle{font-size:var(--rT-petit);line-height:1.45}
/* CORPS scrollable au milieu */
.rdv-m .rdv-step{padding:18px 20px;overflow-y:auto;overflow-x:clip;flex:1 1 auto;min-height:0} /* overflow-x:clip : filet de sécurité anti-débordement latéral du corps scrollable */
.rdv-m .rdv-step{display:none}                                       /* atelier : on force l'affichage par data-step plus bas */
/* FOOTER CTA plaqué en bas (visible étapes coord ET cal ; un seul bloc CTA selon l'étape) */
.rdv-m .rdv-footer{display:none}
.rdv-m[data-step="coord"] .rdv-footer,
.rdv-m[data-step="cal"] .rdv-footer,
.rdv-m[data-step="verif"] .rdv-footer{
  flex:0 0 auto;padding:14px 20px calc(14px + env(safe-area-inset-bottom));
  border-top:1px solid var(--rdv-line-soft);background:var(--rdv-white);
  display:flex;flex-direction:column;gap:8px;
}
/* Sélection du bloc footer selon l'étape : coord → .rdv-foot-coord, cal → .rdv-foot-cal, verif → .rdv-foot-verif */
.rdv-m .rdv-foot-coord,.rdv-m .rdv-foot-cal,.rdv-m .rdv-foot-verif{display:none}
.rdv-m[data-step="coord"] .rdv-foot-coord{display:flex;flex-direction:column;gap:8px}
.rdv-m[data-step="cal"] .rdv-foot-cal{display:flex;flex-direction:column;gap:8px}
.rdv-m[data-step="verif"] .rdv-foot-verif{display:flex;flex-direction:column;gap:8px}
.rdv-m .rdv-footer .rdv-foot-note{font-size:var(--rT-micro);color:var(--rdv-ink3);text-align:center;margin:0}
.rdv-m .rdv-footer .rdv-btn-accent{padding:15px 24px;width:100%}
/* Récap créneau choisi, au-dessus du CTA (étape cal) */
.rdv-m .rdv-foot-cal-recap{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font-size:var(--rT-petit);font-weight:700;color:var(--rdv-midnight)}
.rdv-m .rdv-foot-cal-recap[hidden]{display:none}
.rdv-m .rdv-foot-cal-check{color:var(--rdv-herb);font-weight:800}

/* Croix ✕ haut-droite (cible tactile ≥44px). Le retour mobile = pilule .cal-back (cf. desktop). */
.rdv-m .rdv-mclose{
  position:absolute;top:10px;z-index:3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  border:none;background:none;cursor:pointer;color:var(--rdv-ink2);font-family:inherit;border-radius:var(--r-pill);
  line-height:1;font-size:1.4rem;
}
.rdv-m .rdv-mclose{right:8px}
.rdv-m .rdv-mback{display:none}                                      /* flèche retour seule retirée : on garde la pilule .cal-back */
/* Pilule « ← Retour » : visible en mobile comme en desktop, pilotée par setStep ([hidden] sur coord/done) */
.rdv-m .cal-back[hidden]{display:none}                               /* l'attribut hidden gagne : pas de retour sur coord/done */
.rdv-m .rdv-mclose:hover{background:var(--rdv-box);color:var(--rdv-midnight)}
/* l'en-tête mobile : surtitre+indicateur sur une ligne, mais on décale pour la croix/retour */
.rdv-m .rdv-header{padding-top:52px}                                 /* place pour la barre d'icônes */
.rdv-m .rdv-eyebrow{font-size:var(--rT-micro)}

/* Indicateur d'étape : segments un peu plus courts en mobile */
.rdv-m .rdv-steps i{width:20px}

/* ── Étape 1 : champs en pile, pitch desktop masqué ── */
.rdv-m .rdv-cols{display:block}
.rdv-m .rdv-pitch{display:none}                                      /* mobile : on garde les champs, pas la colonne pitch */
.rdv-m .rdv-form-col,.rdv-m .rdv-form-col form{padding-top:0;gap:16px;display:block}
.rdv-m .rdv-form-col .rdv-row{display:flex;gap:12px;margin-bottom:16px}
.rdv-m .rdv-form-col .rdv-field{margin-bottom:16px}
.rdv-m .rdv-mrgpd{font-size:var(--rT-micro);color:var(--rdv-ink3);line-height:1.45;margin:-6px 0 0} /* micro-RGPD sous l'email */
.rdv-m .rdv-form-col .rdv-submit{display:none}                       /* le CTA vit dans le footer en mobile */

/* ── Étape 2 : calendrier pleine largeur, créneaux 3/ligne ── */
.rdv-m .cal-grid{display:block}
.rdv-m .rdv-recap-coord{display:none}                                /* récap coord déplacé : pas en tête du calendrier mobile */
.rdv-m .month{max-width:none;width:100%;padding:12px 14px;margin-bottom:14px;box-shadow:none} /* compact : laisse voir ≥2 lignes de créneaux */
.rdv-m .month-nav{margin-bottom:10px}
.rdv-m .dow{margin-bottom:4px}
.rdv-m .dow,.rdv-m .days{gap:5px}
.rdv-m .day{height:44px}                                             /* compact mais tactile ≥44px */
.rdv-m .slots-host{min-height:0}
.rdv-m .slots-head{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}
.rdv-m .slots-head .sd{display:flex;align-items:baseline;gap:8px}
.rdv-m .mslot-change{font-size:var(--rT-petit);color:var(--rdv-ink3);background:none;border:none;cursor:pointer;font-family:inherit;padding:0}
/* Toggle Matin/Après-midi : barre pleine largeur 50/50, forme nette ≠ créneaux */
.rdv-m .toggle{display:grid;grid-template-columns:1fr 1fr;width:100%;border-width:1.5px;border-radius:var(--r-pill)}
.rdv-m .toggle button{padding:12px 8px;text-align:center;font-size:var(--rT-petit);border-radius:var(--r-pill)}
/* Créneaux 3 par ligne, tactile */
.rdv-m .slots{grid-template-columns:repeat(3,1fr);gap:8px;max-height:none;overflow:visible}
.rdv-m .slot{padding:14px 0}
.rdv-m .rdv-step-cal .cal-cta{display:none}                          /* CTA du calendrier remonte au footer en mobile (scopé cal : ne touche PAS la verif) */

/* ── Étape 3 : champs d'abord, récap condensé ensuite ── */
.rdv-m .rdv-step-verif .rdv-cols{display:block}
.rdv-m .verif-msub{font-size:var(--rT-petit);color:var(--rdv-ink2);margin:0 0 18px}       /* sous-titre 1re ligne du corps */
.rdv-m .verif-form-col{order:0}
.rdv-m .verif-form-col form{padding-top:0;gap:16px;display:block}
.rdv-m .verif-form-col .rdv-field{max-width:none;margin-bottom:16px}
.rdv-m .verif-form-col .cal-cta{display:none}                        /* CTA dans le footer */
/* Halo de focus EN INSET sur mobile : le `box-shadow` outset de 3px débordait du
   corps scrollable (overflow-y:auto → overflow-x clip) côté droit, surtout sur
   .input-prefix (champ « Site web »). En inset, le halo se dessine À L'INTÉRIEUR
   de la bordure → ne déborde jamais ; les 2 champs (société + site web) restent
   strictement alignés (mêmes bords G/D), focus compris. Desktop inchangé. */
.rdv-m .rdv-field input:focus{box-shadow:inset 0 0 0 2px rgba(244,162,91,.30)}
.rdv-m .input-prefix:focus-within{box-shadow:inset 0 0 0 2px rgba(244,162,91,.30)}
.rdv-m .rdv-field input.error{box-shadow:inset 0 0 0 2px rgba(192,57,43,.22)}
/* CAUSE RACINE iOS RÉEL : Safari iOS zoome la page au focus d'un input/select à police
   < 16px. Les champs « Site web » (.input-prefix input + .prefix-select, 0.86rem ≈ 13.7px)
   passaient sous le seuil → zoom au focus → débordement visuel à droite (absent en simu).
   En mobile, on force 16px sur tous les champs du composant (≥ seuil iOS) → plus de zoom.
   Desktop inchangé (cette règle est scopée mobile uniquement). */
.rdv-m .rdv-field input,.rdv-m .prefix-select,.rdv-m .input-prefix input{font-size:16px}
/* récap condensé sous les champs : carte discrète, ✓ vert unique */
.rdv-m .mrecap{
  border:1px solid var(--rdv-line-soft);background:var(--rdv-box);border-radius:var(--r-card);
  padding:14px 16px;display:flex;gap:12px;align-items:flex-start;margin-top:4px;
}
.rdv-m .mrecap .mrecap-check{color:var(--rdv-herb);font-weight:800;font-size:18px;line-height:1.2;flex:0 0 auto}
.rdv-m .mrecap .mrecap-who{font-size:var(--rT-petit);color:var(--rdv-ink3);display:block;margin-bottom:4px}
.rdv-m .mrecap .mrecap-slot{font-size:var(--rT-corps);font-weight:700;color:var(--rdv-midnight);display:block}
/* on masque le récap desktop à colonnes en mobile */
.rdv-m .recap-col{display:none}

/* ── Étape 4 : on LÂCHE le gabarit (centré vertical, pas de footer sticky) ──
   Centrage par margin:auto sur .rdv-done (PAS justify-content:center pur → évite
   l'écrasement/débordement si le contenu dépasse la hauteur : le bloc reste
   scrollable et collé en haut quand il est trop haut). L'en-tête sticky (surtitre
   « C'EST CONFIRMÉ » + H2 « C'est noté ! ») reste en place ; l'indicateur d'étapes
   y est atténué (cf. .rdv-steps sur done plus bas). */
.rdv-m .rdv-step-done{padding:24px 22px;display:none}
.rdv-m .rdv-done{max-width:none;margin:auto}                                            /* centré (H+V) sans écraser */
.rdv-m .rdv-check{width:80px;height:80px;border-width:3px;margin-bottom:18px}           /* check ✓ en héros */
.rdv-m .rdv-check svg{width:38px;height:38px}
.rdv-m .rdv-done .recap .recap-slot{font-size:1.4rem;font-weight:800}                   /* créneau = info reine */
/* Indicateur 3/3 (en-tête) atténué sur done : présent mais discret */
.rdv-m[data-step="done"] .rdv-steps{opacity:.4}
/* Lien « Fermer » discret en bas (en plus de la croix ✕) */
.rdv-m .rdv-mclose-link{display:inline-block;margin-top:8px;color:var(--rdv-ink3);background:none;border:none;font-family:inherit;font-size:var(--rT-petit);cursor:pointer;text-decoration:underline}

/* Bascule du contenu d'étape EN MODE CLASSE (l'atelier pose data-step sur chaque cadre) */
.rdv-m[data-step="coord"] .rdv-step-coord,
.rdv-m[data-step="cal"]   .rdv-step-cal,
.rdv-m[data-step="verif"] .rdv-step-verif,
.rdv-m[data-step="done"]  .rdv-step-done{display:flex;flex-direction:column}

/* ── Bloc 2/2 : portée VIEWPORT (live réel sur téléphone / DevTools mobile) ──
   Miroir EXACT du bloc `.rdv-m` ci-dessus, mais ciblé sur le vrai composant
   (.rdv-overlay) quand le viewport est étroit. ── */
@media(max-width:600px){
  /* Overlay : pas de padding voile, le panel occupe tout */
  .rdv-overlay{padding:0;background:rgba(2,16,24,.55)}
  .rdv-panel-inner{
    height:100%;min-height:0;max-width:none;border-radius:0;
    box-shadow:none;padding:0;overflow:hidden;display:flex;flex-direction:column;
  }
  .rdv-header{
    flex:0 0 auto;margin:0;padding:52px 20px 16px;
    border-bottom:1px solid var(--rdv-line-soft);position:relative;
  }
  .rdv-head-top{margin-bottom:10px;gap:10px}
  .rdv-h2{font-size:1.5rem;line-height:1.12;margin:0 0 6px}
  .rdv-subtitle{font-size:var(--rT-petit);line-height:1.45}
  .rdv-eyebrow{font-size:var(--rT-micro)}
  .rdv-steps i{width:20px}

  /* CORPS scrollable */
  .rdv-overlay[data-step] .rdv-step{padding:18px 20px;overflow-y:auto;overflow-x:clip;flex:1 1 auto;min-height:0} /* overflow-x:clip : filet de sécurité anti-débordement latéral du corps scrollable */

  /* FOOTER sticky : 3e enfant flex de .rdv-panel-inner (PAS position:fixed → ne saute pas
     au clavier iOS). Visible UNIQUEMENT à l'étape coord ; les autres étapes gardent leur
     CTA dans le corps (socle 2.x : footer rempli étape 1, vide ailleurs). */
  .rdv-footer{display:none}
  .rdv-overlay[data-step="coord"] .rdv-footer,
  .rdv-overlay[data-step="cal"] .rdv-footer,
  .rdv-overlay[data-step="verif"] .rdv-footer{
    flex:0 0 auto;padding:14px 20px calc(14px + env(safe-area-inset-bottom));
    border-top:1px solid var(--rdv-line-soft);background:var(--rdv-white);
    display:flex;flex-direction:column;gap:8px;
  }
  /* Un seul bloc CTA selon l'étape : coord → .rdv-foot-coord, cal → .rdv-foot-cal, verif → .rdv-foot-verif */
  .rdv-foot-coord,.rdv-foot-cal,.rdv-foot-verif{display:none}
  .rdv-overlay[data-step="coord"] .rdv-foot-coord{display:flex;flex-direction:column;gap:8px}
  .rdv-overlay[data-step="cal"] .rdv-foot-cal{display:flex;flex-direction:column;gap:8px}
  .rdv-overlay[data-step="verif"] .rdv-foot-verif{display:flex;flex-direction:column;gap:8px}
  .rdv-footer .rdv-foot-note{font-size:var(--rT-micro);color:var(--rdv-ink3);text-align:center;margin:0}
  .rdv-footer .rdv-btn-accent{padding:15px 24px;width:100%}
  /* Récap créneau choisi, au-dessus du CTA (étape cal) */
  .rdv-foot-cal-recap{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;font-size:var(--rT-petit);font-weight:700;color:var(--rdv-midnight)}
  .rdv-foot-cal-recap[hidden]{display:none}
  .rdv-foot-cal-check{color:var(--rdv-herb);font-weight:800}

  /* Étape 1 mobile : le bouton submit DESKTOP (dans le form) est masqué → le seul CTA
     actif est celui du footer (form="rdvCoord"). Un seul submit visible/fonctionnel.
     Sélecteur renforcé + !important : neutralise toute cascade (page hôte) qui le réafficherait. */
  .rdv-form-col form > .rdv-submit{display:none !important}

  /* Croix ✕ mobile — z-index:3 pour passer AU-DESSUS du .rdv-header (posé après
     dans le DOM, position:relative) sinon le header recouvre la croix et intercepte le tap.
     Le retour mobile = pilule .cal-back (même bouton qu'en desktop), pas la flèche seule. */
  .rdv-mclose{
    position:absolute;top:10px;z-index:3;width:44px;height:44px;display:flex;align-items:center;justify-content:center;
    border:none;background:none;cursor:pointer;color:var(--rdv-ink2);font-family:inherit;border-radius:var(--r-pill);
    line-height:1;font-size:1.4rem;
  }
  .rdv-mclose{right:8px}
  .rdv-mback{display:none}                                            /* flèche retour seule retirée : on garde la pilule .cal-back */
  /* Pilule « ← Retour » : visible en mobile comme en desktop, pilotée par setStep ([hidden] sur coord/done) */
  .cal-back[hidden]{display:none}                                     /* l'attribut hidden gagne : pas de retour sur coord/done */

  /* Étape 1 */
  .rdv-cols{display:block}
  .rdv-pitch{display:none}
  .rdv-form-col,.rdv-form-col form{padding-top:0;gap:16px;display:block}
  .rdv-form-col .rdv-row{display:flex;gap:12px;margin-bottom:16px}
  .rdv-form-col .rdv-field{margin-bottom:16px}
  .rdv-mrgpd{font-size:var(--rT-micro);color:var(--rdv-ink3);line-height:1.45;margin:-6px 0 0}

  /* Étape 2 */
  .cal-grid{display:block}
  .rdv-recap-coord{display:none}
  .month{max-width:none;width:100%;padding:12px 14px;margin-bottom:14px;box-shadow:none} /* compact : laisse voir ≥2 lignes de créneaux */
  .month-nav{margin-bottom:10px}
  .dow{margin-bottom:4px}
  .dow,.days{gap:5px}
  .day{height:44px}                                                  /* compact mais tactile ≥44px */
  .slots-head{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}
  .slots-head .sd{display:flex;align-items:baseline;gap:8px}
  .mslot-change{font-size:var(--rT-petit);color:var(--rdv-ink3);background:none;border:none;cursor:pointer;font-family:inherit;padding:0}
  .toggle{display:grid;grid-template-columns:1fr 1fr;width:100%;border-width:1.5px;border-radius:var(--r-pill)}
  .toggle button{padding:12px 8px;text-align:center;font-size:var(--rT-petit);border-radius:var(--r-pill)}
  .slots{grid-template-columns:repeat(3,1fr);gap:8px;max-height:none;overflow:visible}
  .slot{padding:14px 0}
  .rdv-step-cal .cal-cta{display:none}                               /* CTA du corps cal masqué : un seul CTA (celui du footer) en mobile (ne touche PAS la verif) */

  /* Étape 3 */
  .verif-msub{font-size:var(--rT-petit);color:var(--rdv-ink2);margin:0 0 18px}
  .verif-form-col form{padding-top:0;gap:16px;display:block}
  .verif-form-col .rdv-field{max-width:none;margin-bottom:16px}
  .verif-form-col .cal-cta{display:none}                             /* CTA du corps verif masqué : un seul CTA (celui du footer) en mobile */
  /* Halo de focus EN INSET sur mobile (miroir du bloc .rdv-m) : évite que le
     box-shadow outset 3px déborde à droite du corps scrollable (overflow-x clip).
     .input-prefix (« Site web ») et l'input simple (« société ») restent alignés. */
  .rdv-field input:focus{box-shadow:inset 0 0 0 2px rgba(244,162,91,.30)}
  .input-prefix:focus-within{box-shadow:inset 0 0 0 2px rgba(244,162,91,.30)}
  .rdv-field input.error{box-shadow:inset 0 0 0 2px rgba(192,57,43,.22)}
  /* CAUSE RACINE iOS RÉEL (miroir .rdv-m) : Safari iOS zoome au focus d'un champ < 16px.
     « Site web » (.input-prefix input + .prefix-select) était à 0.86rem → zoom → débordement
     à droite sur iPhone réel (pas en simu). On force 16px sur tous les champs en mobile.
     Desktop inchangé (règle sous @media(max-width:600px)). */
  .rdv-field input,.prefix-select,.input-prefix input{font-size:16px}
  .recap-col{display:none}
  .mrecap{
    border:1px solid var(--rdv-line-soft);background:var(--rdv-box);border-radius:var(--r-card);
    padding:14px 16px;display:flex;gap:12px;align-items:flex-start;margin-top:4px;
  }
  .mrecap .mrecap-check{color:var(--rdv-herb);font-weight:800;font-size:18px;line-height:1.2;flex:0 0 auto}
  .mrecap .mrecap-who{font-size:var(--rT-petit);color:var(--rdv-ink3);display:block;margin-bottom:4px}
  .mrecap .mrecap-slot{font-size:var(--rT-corps);font-weight:700;color:var(--rdv-midnight);display:block}

  /* Étape 4 — miroir EXACT du bloc .rdv-m : centrage margin:auto (pas justify-content
     pur → pas d'écrasement si contenu haut), check héros 80px, créneau reine,
     indicateur 3/3 atténué dans l'en-tête, lien « Fermer » discret en bas. */
  .rdv-overlay[data-step="done"] .rdv-step-done{padding:24px 22px}
  .rdv-overlay[data-step="done"] .rdv-done{max-width:none;margin:auto}
  .rdv-overlay[data-step="done"] .rdv-steps{opacity:.4}
  .rdv-check{width:80px;height:80px;border-width:3px;margin-bottom:18px}
  .rdv-check svg{width:38px;height:38px}
  .rdv-overlay[data-step="done"] .recap .recap-slot{font-size:1.4rem;font-weight:800}
  .rdv-mclose-link{display:inline-block;margin-top:8px;color:var(--rdv-ink3);background:none;border:none;font-family:inherit;font-size:var(--rT-petit);cursor:pointer;text-decoration:underline}
}

/* ════ Feedback flash du bouton à vide (créneau non choisi) ════ */
@keyframes rdvSlotsFlash{0%,100%{box-shadow:0 0 0 0 rgba(244,162,91,0)}30%{box-shadow:0 0 0 3px rgba(244,162,91,.35)}}
.slots.rdv-flash{border-radius:var(--r-cell);animation:rdvSlotsFlash .5s var(--rdv-easing)}

/* ════ E13 / motion réduit : neutralise toutes les animations du composant ════ */
@media(prefers-reduced-motion:reduce){
  .rdv-overlay *,
  .rdv-overlay.rdv-anim-in .rdv-panel-inner{
    animation:none !important;
    transition-duration:.01ms !important;
  }
}