/* Kalkulačka resetu ŘJ airbagu (/reset-airbagu/) — doplněk k main.css.
   Tlačítka přebírá z design systému (.btn…), tady je jen formulář a karta. */

.abc-form{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 0}
.abc-form input{flex:1 1 260px;min-width:0;padding:14px 16px;font:inherit;
  font-size:1.05rem;border:2px solid rgba(10,22,38,.25);border-radius:8px;
  background:#fff;color:#0a1626}
.abc-form input:focus{outline:none;border-color:#ff6a15}
.abc-napoveda{margin:10px 0 0;font-size:.9rem;opacity:.75}

.abc-karta{margin-top:22px;padding:22px 24px;background:#fff;
  border:1px solid rgba(10,22,38,.12);border-left:4px solid #ff6a15;
  border-radius:10px;box-shadow:0 10px 30px rgba(10,22,38,.08)}
.abc-hlava{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  align-items:baseline}
.abc-stitek{font-family:"Space Mono",monospace;font-size:.8rem;letter-spacing:.08em;
  text-transform:uppercase;color:#ff6a15}
.abc-jednotka{font-family:"Space Mono",monospace;font-weight:700;color:#0a1626}
.abc-cena{font-family:Oswald,sans-serif;font-size:2.2rem;font-weight:600;
  color:#0a1626;margin:6px 0 10px}
.abc-dph{font-size:1rem;font-weight:400;opacity:.65;margin-left:6px}
.abc-radek{display:flex;justify-content:space-between;gap:16px;padding:8px 0;
  border-top:1px dashed rgba(10,22,38,.18)}
.abc-info{margin:2px 0 8px;font-size:.88rem;opacity:.75}
#abc-spocitat.is-busy{opacity:.6;pointer-events:none}
.abc-karta .calc-skin{margin-top:16px}
.abc-karta .calc-order-cta{margin-top:0}

/* ---- převzato z calc.js (blok calc-offer-css) — tlačítka a e-mailový
   box 1:1 jako kalkulačka klíčů; calc.css dodává .calc-order-* základ ---- */
.calc-order-mail:hover,.calc-order-open:hover{background:#f4f7fb}
.calc-order-mail.is-open{background:#fff;border-color:#084f94;color:#084f94}
.calc-order-open{container-type:inline-size}
.calc-order-open .lbl-short,.calc-order-open .lbl-min{display:none}
@media(max-width:420px){.calc-order-open .lbl-long{display:none}.calc-order-open .lbl-short{display:inline}}
@container (max-width:252px){.calc-order-open .lbl-long{display:none}.calc-order-open .lbl-short{display:inline}}
@media(max-width:360px){.calc-order-open .lbl-long,.calc-order-open .lbl-short{display:none}.calc-order-open .lbl-min{display:inline}}
@media(max-width:700px){.calc-order-cta{grid-template-columns:1fr}}
@media(max-width:360px){.calc-order-btn{padding-left:10px;padding-right:10px}}
@media(max-width:340px){.calc-order-btn{font-size:14px}}
button.calc-order-btn:disabled{background:#f4f7fb;border-color:var(--line);color:#6b7889;cursor:not-allowed}
.calc-order-btn.is-busy{cursor:progress;opacity:.7}
.calc-mail{display:grid;gap:10px;margin-top:12px;padding:16px;border:2px solid var(--line);border-radius:11px;background:#fff;text-align:left}
.calc-mail[hidden]{display:none}
.calc-mail .field-label{display:block;font-family:var(--disp);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;color:var(--blue)}
.calc-mail input[type=email]{width:100%;box-sizing:border-box;height:50px;line-height:1.3;font-family:var(--body);font-size:16px;padding:12px 14px;border-radius:11px;border:1px solid var(--line);background:#fff;color:var(--ink)}
.calc-mail input[aria-invalid=true]{border-color:#dc2626}
.calc-mail input[type=email]:focus-visible{outline:3px solid #084f94;outline-offset:1px;border-color:#084f94}
.calc-mail-consent{display:flex;align-items:flex-start;gap:9px;font-size:.85rem;line-height:1.45;color:var(--muted);cursor:pointer;text-transform:none;letter-spacing:0;min-height:44px;padding:12px 0;box-sizing:border-box}
.calc-mail-consent input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:#084f94}
.calc-mail-consent a{color:#084f94;text-decoration:underline}
.calc-mail-send{background:#084f94;border-color:#084f94;color:#fff}
.calc-mail-send:hover{background:#063f77;border-color:#063f77}
.calc-mail-status{margin:0;font-size:.85rem;line-height:1.4;color:var(--muted)}
.calc-mail-status:empty{display:none}
.calc-mail-status.is-ok{color:#15803d;font-weight:600}
.calc-mail-status.is-err{color:#dc2626;font-weight:600}

.abc-poptavka-text{margin:0 0 6px}
.abc-chyba{padding:14px 18px;margin-top:18px;border-radius:8px;
  background:#fdecea;border:1px solid #f5c6c0;color:#7a271a}
.abc-chyba a{color:inherit;font-weight:700}

/* ---- SEO stránky podporovaných jednotek (build_airbag_seo.py) ---- */
.abj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));
  gap:4px 18px;list-style:none;margin:14px 0 0;padding:0}
.abj-grid li{font-family:"Space Mono",monospace;font-size:.85rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abj-grid a{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(10,22,38,.35)}
.abj-grid a:hover{color:#ff6a15;border-color:#ff6a15}
.abj-model{font-family:Barlow,sans-serif;font-size:.78rem;opacity:.6}
.abj-pozn{margin:18px 0 0;font-size:.92rem;opacity:.8}
.abj-znacky{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.abj-znacka{display:flex;flex-direction:column;gap:2px;padding:14px 16px;
  background:#fff;border:1px solid rgba(10,22,38,.12);border-radius:10px;
  text-decoration:none;color:#0a1626}
.abj-znacka:hover{border-color:#ff6a15}
.abj-znacka b{font-family:Oswald,sans-serif;font-size:1.05rem}
.abj-znacka span{font-size:.82rem;opacity:.65}

@media (max-width:560px){
  .abc-akce{flex-direction:column}
  .abc-akce .btn{width:100%;text-align:center}
  .abc-cena{font-size:1.8rem}
}