/* ============================================================
   Speciální úklid

   Samostatná stránka poptávky. Pole a bloky sdílí s objednávkou (booking.css),
   tady je jen to, co je pro tuhle stránku vlastní.

   Vstupní panel do booking.css nepatří omylem: žije v objednávce, kam se
   special.css nenačítá, takže odsud by zůstal neostylovaný.
   ============================================================ */

/* ---------------- STRÁNKA ---------------- */
.special-page { background: var(--color-surface-soft); }
.special-hero { padding: clamp(34px, 5vw, 64px) 0 clamp(20px, 3vw, 32px); }
/* Omezuje obsah uvnitř kontejneru, ne kontejner sám — jinak se hero vycentruje
   a rozejde se s levým okrajem formuláře. */
.special-hero__inner { max-width: 62ch; }
.special-hero .back-button { margin-bottom: 22px; }
.special-hero h1 { margin: 8px 0 14px; font-size: clamp(1.9rem, 4vw, 2.9rem); letter-spacing: -.04em; }
.special-hero__lead { margin: 0; color: var(--color-muted); font-size: 1.02rem; line-height: 1.65; }

.special-form-section { padding-bottom: clamp(50px, 7vw, 96px); }
.special-form { display: grid; max-width: 760px; gap: 16px; }
.special-form__hint { margin: 12px 0 0; color: var(--color-muted); font-size: .82rem; }
.choice-chips--kinds span { min-width: 0; }

/* Past na roboty. Musí zmizet z toku i z odečítačů, ale ne přes display:none —
   část botů právě podle toho pozná, které pole nechat prázdné. */
.special-form__honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }

.special-form__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; }
.special-form__note { margin: 0; color: var(--color-muted); font-size: .84rem; }
.special-form__status { min-height: 1.4em; margin: 0; font-size: .92rem; font-weight: 600; }
.special-form__status.is-success { color: var(--color-free); }
.special-form__status.is-error { color: var(--color-busy); }

@media (max-width: 560px) {
    .special-form__actions .button { width: 100%; }
}