/* Page autonome : complète style.css (repris tel quel du plugin WordPress). */
@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/montserrat-latin-wght-normal.311d352d9323.woff2") format("woff2")}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff}
.pedp-rent{width:auto;margin-left:0;overflow-x:clip}
.pedp-hero{padding-left:max(28px,calc((100% - 1184px)/2));padding-right:max(28px,calc((100% - 1184px)/2))}
.pedp-rent h1,.pedp-rent h2,.pedp-rent h3{font-weight:800}

/* Compte à rebours */
.pedp-form-heading .pedp-countdown{display:table;margin-top:10px;padding:4px 10px;border-radius:99px;background:#f1b12a26;color:var(--green)!important;font-size:12px!important;font-weight:700}

/* Erreurs par champ */
.pedp-form .pedp-invalid input,.pedp-form .pedp-invalid select{border-color:#c93c3c;background:#fff8f8}
.pedp-error{color:#a82121;font-size:12px;font-weight:600}
.pedp-check-invalid span{color:#a82121}

/* Chargement htmx */
.pedp-btn-loading{display:none}
.pedp-form.htmx-request .pedp-btn-label{display:none}
.pedp-form.htmx-request .pedp-btn-loading{display:inline}
.pedp-form button{font:inherit;font-weight:800;font-size:15px;transition:transform .15s,box-shadow .15s}
.pedp-form button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #17515347}
.pedp-form button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}

/* Apparition du message de succès */
.pedp-success{animation:pedp-pop .45s ease-out}
.pedp-success:focus{outline:0}
@keyframes pedp-pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.pedp-success{animation:none}.pedp-form button{transition:none}}

/* Pied de page */
.pedp-footer{background:#10393b;color:#c6e1e2;font-size:13px;padding:22px 0}
.pedp-footer .pedp-inner{display:flex;flex-wrap:wrap;gap:10px 26px;align-items:center}
.pedp-footer span{margin-right:auto}
.pedp-footer a{text-decoration:none}
.pedp-footer a:hover{text-decoration:underline}
/* Lignes à deux champs : libellés, champs et erreurs alignés d'une colonne à l'autre,
   même si un libellé passe sur deux lignes (« Téléphone professionnel facultatif »). */
.pedp-row{align-items:start}
@supports (grid-template-rows:subgrid){
  @media(min-width:661px){
    .pedp-row{grid-template-rows:auto auto;row-gap:7px}
    .pedp-row>label{grid-row:span 2;grid-template-rows:subgrid}
    .pedp-row:has(.pedp-error){grid-template-rows:auto auto auto}
    .pedp-row:has(.pedp-error)>label{grid-row:span 3}
    .pedp-row>label>span{align-self:end}
  }
}
