/* The date check form inside an ordinary page ([il_date_check], inc/quotes.php;
   first on /catering/, 2026-11-11). The same rules as the form in
   assets/quotes.css, scoped to .il-dc so they cannot touch the rest of the
   page, and light only, like the rest of the site. */
.il-dc {
  --line: #E4DACB; --muted: #6B5F52; --ink: #1F1A14; --surface: #FFFFFF; --accent: #7A1F2A; --gold: #E8A02C;
  --warn: #8A5A00; --warn-bg: #FDF0D6; --bad: #9A2A22; --bad-bg: #F8E3E0;
  max-width: 560px; margin: 0 auto; padding: 22px; background: #F5EFE4; border-radius: 12px; color: var(--ink);
  font-family: "Inter", "Segoe UI", Helvetica, Arial, sans-serif; position: relative;
}
.il-dc form { display: grid; gap: 14px; margin: 0 }
.il-dc .field { display: grid; gap: 5px }
.il-dc .field label { font-weight: 700; font-size: 15px; margin: 0 }
.il-dc .field small, .il-dc .hint { color: var(--muted); font-size: 14px; font-weight: 400 }
.il-dc input { font: inherit; font-size: 18px; padding: 12px 14px; border: 2px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--ink); width: 100%; box-sizing: border-box; margin: 0 }
.il-dc input:focus { outline: none; border-color: var(--accent) }
.il-dc input[type=checkbox] { width: 22px; height: 22px; padding: 0 }
.il-dc .check { display: flex; gap: 10px; align-items: center; font-weight: 600 }
.il-dc .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden }
.il-dc .row2 { display: grid; gap: 14px; grid-template-columns: 1fr 1fr }
@media (max-width: 480px) { .il-dc .row2 { grid-template-columns: 1fr } }
.il-dc .btn { appearance: none; display: block; text-align: center; border: 0; border-radius: 8px; background: var(--accent); color: #FFFFFF; font-size: 18px;
  font-family: "Oswald", "Arial Narrow", Impact, sans-serif; letter-spacing: .02em; text-transform: uppercase; padding: 14px 20px; cursor: pointer; width: 100% }
.il-dc .btn[disabled] { opacity: .5; cursor: wait }
.il-dc .btn:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px }
.il-dc .hint { margin: 0 }
.il-dc .notice { border-radius: 10px; padding: 16px; margin: 0 }
.il-dc .notice.warn { background: var(--warn-bg); color: var(--warn) }
.il-dc .notice.bad { background: var(--bad-bg); color: var(--bad) }
.il-dc-offer { margin: 0 0 4px; font-size: 17px }
.il-dc-offer b { color: var(--accent) }
.il-dc > .hint { margin: 0 0 16px }