/* Presto · lot 13 (03/11/2026) : la commande du calculateur part par mail (étape 6 « L’envoi »), chargé après lot12. */

/* le formulaire Webflow reste caché : il ne sert qu'à transporter la demande */
.h5-cmd-wf, .h5-cmd-cache { display: none !important; }

.h5-cfg-etapes { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.h5-cmd-intro { margin: 0; max-width: 560px; font-family: Aeonik, bicyclette, 'Helvetica Neue', Arial, sans-serif; font-size: 17px; line-height: 1.45; color: rgba(26, 26, 26, 0.75); }
.h5-cmd-grille { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 18px; }
.h5-cmd-c { display: flex; flex-direction: column; gap: 7px; min-width: 0; margin: 0; }
.h5-cmd-c.is-large, .h5-cmd-appel { grid-column: 1 / -1; }
.h5-cmd-c[hidden] { display: none; }
.h5-cmd-c-lib { font-family: bicyclette, 'Helvetica Neue', Arial, sans-serif; font-weight: 700; font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(26, 26, 26, 0.6); }
.h5-cmd-c-in { width: 100%; height: 50px; margin: 0; padding: 0 14px; border: 1.5px solid rgba(26, 26, 26, 0.35); border-radius: 10px; background-color: #fff8ee; color: #1a1a1a; font-family: Aeonik, bicyclette, 'Helvetica Neue', Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.3; box-shadow: none; transition: border-color 0.2s ease, background-color 0.2s ease; -webkit-appearance: none; appearance: none; }
textarea.h5-cmd-c-in { height: 96px; padding: 12px 14px; resize: vertical; }
.h5-cmd-c-in::placeholder { color: rgba(26, 26, 26, 0.38); }
.h5-cmd-c-in:hover { border-color: #1a1a1a; }
.h5-cmd-c-in:focus { outline: none; border-color: #ff4e00; background-color: #ffffff; }
.h5-cmd-c-in:focus-visible { outline: 3px solid #1a1a1a; outline-offset: 2px; }
.h5-cmd-appel { margin: 2px 0 0; padding: 0; }
.h5-cfg .h5-cmd-appel .h5-cfg-pastille-txt { justify-content: flex-start; padding: 0; }

.h5-cmd-note { margin: 0; font-family: Aeonik, bicyclette, 'Helvetica Neue', Arial, sans-serif; font-size: 13px; line-height: 1.4; color: rgba(26, 26, 26, 0.55); }
.h5-cmd-note a, .h5-cmd-autre a, .h5-cmd-err a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.h5-cmd-err { margin: 0; padding: 12px 16px; border-radius: 10px; background-color: rgba(255, 78, 0, 0.12); font-family: Aeonik, bicyclette, 'Helvetica Neue', Arial, sans-serif; font-size: 15px; line-height: 1.4; color: #1a1a1a; }
.h5-cmd-err[hidden] { display: none; }

.h5-cmd-go { display: inline-flex; align-items: center; justify-content: space-between; gap: 14px; justify-self: start; min-height: 58px; padding: 0 30px; border: 0; border-radius: 99px; background-color: #ff4e00; color: #ffffff; font-family: bicyclette, 'Helvetica Neue', Arial, sans-serif; font-weight: 700; font-size: 15px; line-height: 1.2; letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer; transition: background-color 0.25s ease, transform 0.25s ease; }
.h5-cmd-go:hover { background-color: #1a1a1a; }
.h5-cmd-go:active { transform: scale(0.97); }
.h5-cmd-go:disabled { opacity: 0.6; cursor: wait; }
.h5-cmd-go i { font-style: normal; font-size: 18px; }
.h5-cmd-go:focus-visible { outline: 3px solid #1a1a1a; outline-offset: 3px; }
.h5-cmd-autre { margin: 0; font-family: Aeonik, bicyclette, 'Helvetica Neue', Arial, sans-serif; font-size: 15px; line-height: 1.4; color: rgba(26, 26, 26, 0.7); }

.h5-cmd-fin { display: grid; gap: 10px; padding: 26px 28px; border: 1.5px solid #1a1a1a; border-radius: 18px; background-color: #fff8ee; }
.h5-cmd-fin-t { margin: 0; font-family: antarctican-headline, cheddar-gothic-sans, 'Arial Black', sans-serif; font-weight: 800; font-size: clamp(28px, 2.8vw, 40px); line-height: 1; text-transform: uppercase; color: #ff4e00; }
.h5-cmd-fin-p { margin: 0; max-width: 520px; font-family: Aeonik, bicyclette, 'Helvetica Neue', Arial, sans-serif; font-size: 17px; line-height: 1.45; color: #1a1a1a; }

.h5-tkt-go.is-envoye { background-color: #1a1a1a; color: #f8f0e5; pointer-events: none; }

html.h5-curseur-on input[type='email'], html.h5-curseur-on input[type='tel'] { cursor: text !important; }

@media screen and (max-width: 767px) {
  .h5-cmd-grille { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .h5-cmd-go { justify-self: stretch; }
}