/* ============================================================
   rdv-modal.css — Popup contact "Parlons de vos projets"
   Modale centrée, page floutée derrière. Charge rdv-form.html
   en iframe (isolation totale). Réutilisable sur toutes les pages.
   ============================================================ */

.rdvm{
  position:fixed; inset:0; z-index:2000;
  display:flex; align-items:center; justify-content:center;
  padding:clamp(1rem,4vw,2.5rem);
  visibility:hidden; opacity:0;
  transition:opacity .35s ease, visibility 0s linear .35s;
}
.rdvm.is-open{ visibility:visible; opacity:1; transition:opacity .35s ease; }

.rdvm__scrim{
  position:absolute; inset:0;
  background:rgba(20,16,12,.42);
  -webkit-backdrop-filter:saturate(120%) blur(9px);
  backdrop-filter:saturate(120%) blur(9px);
  cursor:pointer;
}

.rdvm__dialog{
  position:relative; z-index:1;
  width:min(480px, 100%);
  max-height:min(760px, 92vh);
  background:#fff;
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 40px 90px -30px rgba(20,16,12,.6);
  transform:translateY(18px) scale(.985);
  transition:transform .4s cubic-bezier(.2,.7,.2,1);
  display:flex;
}
.rdvm.is-open .rdvm__dialog{ transform:translateY(0) scale(1); }

.rdvm__frame{
  width:100%; height:min(760px, 92vh); border:0; display:block;
  background:#fff;
}

.rdvm__close{
  position:absolute; top:.7rem; right:.75rem; z-index:2;
  width:38px; height:38px; border-radius:50%;
  border:0; cursor:pointer;
  background:rgba(255,255,255,.92); color:#1a1a1a;
  font-size:1.5rem; line-height:1;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 14px -6px rgba(20,16,12,.5);
  transition:background .2s, transform .2s;
}
.rdvm__close:hover{ background:#eef3f0; transform:rotate(90deg); }

@media (prefers-reduced-motion: reduce){
  .rdvm, .rdvm__dialog, .rdvm__close{ transition:opacity .2s ease; }
  .rdvm__dialog{ transform:none; }
}