/* Modulo della lista d'attesa (usato nella home e nella pagina prezzi) */
.wl-form { --f-bg: var(--blue); --f-ink: var(--paper); --f-soft: #BFD3E6; display: grid; gap: 14px; max-width: 560px; }
.wl-row { display: grid; gap: 6px; }
.wl-row label { font-size: 15px; font-weight: 700; }
.wl-form input[type="email"], .wl-form input[type="text"], .wl-form select { width: 100%; min-height: 54px; padding: 0 16px; border: 0; border-radius: var(--r); background: var(--f-bg); color: var(--f-ink); font: 500 17px/1.2 var(--body); }
.wl-form input::placeholder { color: var(--f-soft); opacity: 1; }
.wl-form select { appearance: none; -webkit-appearance: none; padding-right: 48px; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 7.5l5 5 5-5' fill='none' stroke='%23F4F2EB' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 16px center; background-size: 20px; }
.wl-form input:focus-visible, .wl-form select:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px; }
.wl-hp { position: absolute; left: -9999px; width: 0; height: 0; padding: 0; border: 0; opacity: 0; pointer-events: none; }
.wl-consent { display: grid; grid-template-columns: 22px 1fr; gap: 12px; align-items: start; font-size: 15px; line-height: 1.45; cursor: pointer; }
.wl-consent input { width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--gold); cursor: pointer; }
.wl-form .btn { justify-self: start; }
.wl-form .btn:disabled { opacity: .6; cursor: default; transform: none; }
.wl-status { min-height: 1.5em; font-size: 16px; font-weight: 600; margin: 0; }
.wl-status[data-kind="err"] { color: #FFC9BF; }
.wl-status[data-kind="ok"] { color: var(--gold); }
.wl-form.is-done .wl-row, .wl-form.is-done .wl-consent, .wl-form.is-done .btn { display: none; }
.wl-inline { max-width: 640px; grid-template-columns: 1fr auto; align-items: start; }
.wl-inline .wl-consent, .wl-inline .wl-status { grid-column: 1 / -1; }
.wl-inline .btn { align-self: stretch; }
@media (max-width: 860px) { .wl-inline { grid-template-columns: 1fr; } }
.cta .wl-form { display: grid; margin-top: 28px; }
.cta .wl-form .wl-consent { margin-top: 2px; }
.wl-form.is-done .wl-status { font: 800 clamp(26px, 2.8vw, 42px)/1.12 var(--head); letter-spacing: -.03em; max-width: 20ch; color: var(--paper); }
