/* Formularz zamówienia (/zamow/*): krótsza wersja z opcjonalnymi polami w <details>, pasek z ceną na telefonie.
   Ładowany tylko na stronach zamówienia, po portal.css. Przełączanie pakietu: CSS :has, bez JS. */
.pola-faktura{padding:14px;border-radius:10px;background:#f7f5ef;border:1px solid var(--line)}
.formularz-zamowienia .pola-faktura input:not(.uzupelnione){background:#fff}

.zamow-opcjonalne{padding:0;border:1px solid var(--line);border-radius:10px;background:#fff}
.zamow-opcjonalne>summary{list-style:none;display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px;padding:14px 16px;font-size:16px;font-weight:600;cursor:pointer;min-height:44px;text-wrap:pretty}
.zamow-opcjonalne>summary::-webkit-details-marker{display:none}
.zamow-opcjonalne>summary::before{content:"";width:0;height:0;margin-top:.5em;border-left:7px solid var(--accent);border-top:5px solid transparent;border-bottom:5px solid transparent;transition:transform .15s}
.zamow-opcjonalne[open]>summary::before{transform:rotate(90deg)}
.zamow-opcjonalne>summary .small{font-weight:400}
.zamow-opcjonalne>p{margin:0 16px 14px;max-width:62ch}
.zamow-opcjonalne>.pola{padding:0 16px 16px}
@media(prefers-reduced-motion:reduce){.zamow-opcjonalne>summary::before{transition:none}}

/* Podpowiedzi formatu pod polami (połączone z polem przez aria-describedby). */
.formularz-zamowienia .pole-podpowiedz{margin:-2px 0 0;font-weight:400}

/* Zgoda na start przed upływem 14 dni: w Monitoringu inna treść (regulamin § 7a ust. 11), przełączana bez JS. */
.zgoda-start-monitoring{display:none}
.zamow-uklad:has(input[name=pakiet][value=monitoring]:checked) .zgoda-start-monitoring{display:inline}
.zamow-uklad:has(input[name=pakiet][value=monitoring]:checked) .zgoda-start-jednorazowy{display:none}

/* Łagodna informacja (np. kod z linku już nieaktywny): bez czerwieni błędu. */
.kod-status.info{color:var(--muted)}

.zamow-metody{display:flex;gap:8px;align-items:flex-start;margin:2px 0 0;font-size:14px;line-height:1.5;color:var(--ink)}
.zamow-metody svg{flex:none;margin-top:3px;color:var(--accent)}
.zamow-metody b{font-weight:600}
.zamow-wyslij .small{margin:0}

/* Kroki 2–4 w jednym bloku (.zamow-kroki): na szerokim ekranie bez własnego pudełka, elementy stoją w siatce formularza. */
.zamow-kroki{display:contents}
.zamow-kroki>*{grid-column:1}

/* Pasek z ceną: tylko na węższych ekranach, gdzie podsumowanie nie stoi obok formularza. Przyklejony w obrębie
   .zamow-kroki: pojawia się za wyborem pakietu, a przed podsumowaniem i kartą „Do zapłaty” zjeżdża razem z krokiem 4. */
.zamow-pasek{display:none}
@media(max-width:900px){
  html{scroll-padding-bottom:96px}
  /* Pełne podsumowanie schodzi tuż nad przycisk wysyłki — nie rozdziela kroku 1 i 2. */
  .zamow-uklad>.zamow-podsumowanie{order:4}
  .zamow-kroki{display:grid;gap:22px;order:3}
  .zamow-kroki>.zamow-pasek{order:9}
  .zamow-uklad>.zamow-wyslij{order:6}
  .zamow-pasek{display:flex;align-items:center;gap:12px;position:sticky;bottom:0;z-index:4;margin:0 -32px;padding:10px 32px calc(10px + env(safe-area-inset-bottom,0px));border-radius:0;background:var(--ink);color:var(--paper);box-shadow:0 -8px 24px #1c2a2124}
  .zamow-pasek>p{margin:0;flex:1 1 auto;min-width:0;line-height:1.25}
  .pasek-pakiet{display:none}
  .pasek-pakiet span:first-child{display:block;font-size:13px;line-height:1.25;color:#c6d0c4;text-wrap:balance}  /* nazwa pakietu zawija się zamiast ucinać */
  .pasek-pakiet b{font-size:19px;font-weight:600;white-space:nowrap}
  .zamow-pasek .small{color:#c6d0c4;white-space:nowrap}
  .pasek-brak{font-size:15px;color:#dfe6dc}
  .zamow-pasek .button{flex:none;padding:11px 16px;font-size:15px;background:var(--cta-ciemne);border-color:var(--cta-ciemne)}
  .zamow-uklad:has(input[name=pakiet]:checked) .pasek-brak{display:none}
  .zamow-uklad:has(input[name=pakiet][value=test]:checked) .pasek-test,.zamow-uklad:has(input[name=pakiet][value=audyt]:checked) .pasek-audyt,.zamow-uklad:has(input[name=pakiet][value=monitoring]:checked) .pasek-monitoring{display:block}
}
@media(max-width:560px){.zamow-pasek{margin:0 -22px}.zamow-uklad .zamow-pasek{padding-left:22px;padding-right:22px}}
@media(max-width:380px){.zamow-pasek .button{padding:10px 12px;font-size:14px}.pasek-pakiet b{font-size:17px}}

/* Kod rabatowy schowany pod pytaniem (27.09.2026) */
.kod-rozwin{margin:14px 0 4px}.kod-rozwin summary{cursor:pointer;color:var(--accent);font-size:15px;text-decoration:underline;text-underline-offset:3px;width:max-content}.kod-rozwin[open] summary{margin-bottom:10px}