/*
 * rendez-vous.css : mise en page propre à la page « Prendre rendez-vous » (maquette 07), chargée sur cette page seulement.
 * Formulaire à gauche, colonne de droite (« Comment ça se passe », téléphones, avis) ; sur mobile, une seule colonne
 * (formulaire, téléphones, « Comment ça se passe » ; l'avis n'est montré qu'à partir de 960 px, comme la maquette mobile).
 * Mobile d'abord (390 px), puis paliers à 640, 960 et 1280 px.
 */

.rdv-corps{display:flex;flex-direction:column;gap:14px;padding-inline:14px;padding-bottom:24px}
@media (min-width:640px){.rdv-corps{padding-inline:var(--marge)}}
@media (min-width:960px){
	.rdv-corps{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,30vw,380px);gap:32px;align-items:start;padding-bottom:72px}
}

/* Colonne de droite */
.rdv-lateral{display:flex;flex-direction:column;gap:14px}
@media (min-width:960px){.rdv-lateral{gap:20px}}
.rdv-etapes{position:relative;display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:24px;border-radius:18px;background:var(--vert);color:var(--blanc);order:2}
.rdv-etapes__cercle{position:absolute;right:-90px;bottom:-120px;width:240px;height:240px;border-radius:50%;background:var(--vert-cercle)}
.rdv-etapes__titre{position:relative;font-family:var(--police-titre);font-weight:700;font-size:20px;line-height:normal}
.rdv-etapes__liste{position:relative;display:flex;flex-direction:column;gap:14px}
.rdv-etapes__etape{display:flex;align-items:flex-start;gap:14px}
.rdv-etapes__numero{display:flex;flex:none;align-items:center;justify-content:center;width:34px;height:34px;border:1.5px solid var(--vert-pale);border-radius:50%;font-family:var(--police-titre);font-weight:600;font-size:14px;line-height:normal}
.rdv-etapes__corps{display:flex;flex-direction:column;gap:1px}
.rdv-etapes__nom{font-size:16px;font-weight:600;line-height:normal}
.rdv-etapes__texte{font-size:14px;line-height:21px;color:var(--blanc)}

.rdv-appeler{padding:22px 24px 8px;border-radius:18px;background:var(--blanc);order:1}
.rdv-appeler__titre{padding-bottom:12px;font-family:var(--police-titre);font-weight:700;font-size:20px;line-height:normal;color:var(--vert-fonce)}
.rdv-appeler__horaires{padding:12px 0 14px;border-top:1px solid var(--filet);font-size:13px;line-height:normal;color:var(--encre-douce)}

.rdv-avis{display:none;order:3}
.avis-encart{display:flex;flex-direction:column;margin:0;padding:22px 24px;border-left:5px solid var(--vert-lisere);border-radius:18px;background:var(--blanc)}
.avis-encart__citation{margin:8px 0 0;font-family:var(--police-titre);font-style:italic;font-size:16px;line-height:26px}
.avis-encart__signature{margin-top:8px;font-size:13px;line-height:normal;color:var(--encre-douce)}
@media (min-width:960px){
	.rdv-etapes,.rdv-appeler,.rdv-avis{order:0}
	.rdv-avis{display:block}
}