/* Parking VolaHostel – volahostel.pl/parking. Bazą jest /style.css strony (nagłówek, stopka, .btn, .h2, .eyebrow,
   .section, .wrap, zmienne kolorów); tu tylko elementy parkingu, wszystkie z przedrostkiem pk-. */
:root{--pk-book:#0e8a64;--pk-book-ink:#0b7151;--pk-blue:#1d4ed8;--pk-err:#9f2a1d;--pk-err-bg:#fbeeec;--pk-warn-bg:#f6efe2}
.pk{padding-top:84px}
.pk-pas-test{background:var(--pk-warn-bg);border-bottom:1px solid var(--line);font-size:13.5px;color:#7a5a1e;padding:10px 0}
.pk-pas-test b{font-weight:600}

/* hero (ciemna sekcja jak „W cenie pobytu”) */
.pk-hero{padding:clamp(48px,6vw,84px) 0}
.pk-hero__grid{display:grid;grid-template-columns:5fr 6fr;gap:clamp(32px,6vw,80px);align-items:center}
.pk-hero .h2{margin-bottom:22px}
.pk-hero__lead{color:var(--muted-light);font-size:17px;max-width:470px}
.pk-cena{display:flex;align-items:baseline;gap:14px;margin:26px 0 30px;color:#fafaf8;font-size:17px}
.pk-cena::before{content:"";width:48px;height:1px;background:var(--muted-light);align-self:center}
.pk-cena b{font-weight:300;font-size:40px;line-height:1;letter-spacing:-.02em}
.pk-hero .amen__grid{grid-template-columns:repeat(3,1fr)}
.pk-hero .amen__grid li{padding:26px 20px}
.pk-hero .amen__grid svg{margin-bottom:14px}

/* rezerwacja */
.pk-rez__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,56px);align-items:start}
.pk-krok{padding:0 0 34px;margin-bottom:34px;border-bottom:1px solid var(--line)}
.pk-krok:last-child{border-bottom:0;margin-bottom:0}
.pk-krok__h{display:flex;align-items:baseline;gap:16px;margin-bottom:22px}
.pk-krok__nr{font-weight:200;font-size:44px;line-height:1;color:var(--gold);letter-spacing:-.02em}
.pk-krok__h h3{font-weight:300;font-size:28px;line-height:1.1;letter-spacing:-.02em}
.pk-krok__h small{font-size:14px;color:var(--muted);margin-left:auto}
.pk-pola{display:grid;grid-template-columns:1fr 1fr;gap:22px 26px}
.pk-pole{display:flex;flex-direction:column;gap:10px;font:600 10px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.pk-pole span{letter-spacing:.06em;text-transform:none;font-weight:400;font-size:12px;color:var(--muted)}
.pk-pole input{font:400 17px/1.5 var(--sans);color:var(--fg);background:transparent;border:0;border-bottom:1px solid #cfc7bf;padding:8px 0;border-radius:0;letter-spacing:0;text-transform:none;width:100%}
.pk-pole input:focus{outline:0;border-color:var(--gold-ink)}
.pk-pole input::placeholder{color:#b9b1aa}
.pk-pole--cala{grid-column:1/-1}
.pk-dni-t{font:600 10px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:30px 0 12px}
.pk-dni{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.pk-dzien{background:transparent;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0 8px;text-align:center;cursor:pointer;font:inherit;color:var(--fg);line-height:1.2}
.pk-dzien small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pk-dzien b{display:block;font-weight:300;font-size:20px;margin:2px 0}
.pk-dzien em{display:block;font-style:normal;font-size:11px;color:var(--pk-book)}
.pk-dzien.malo em{color:#a8641b}.pk-dzien.brak em{color:var(--pk-err)}.pk-dzien.brak{background:#f1ede8}
.pk-dzien:hover{background:var(--stone)}
.pk-dzien.wyb{background:var(--ink);color:#fafaf8}.pk-dzien.wyb small,.pk-dzien.wyb em{color:var(--gold-2)}

.pk-plan-box{background:var(--ink);padding:8px;border-radius:4px}
.pk-plan{width:100%;height:auto;display:block}
.pk-m .pk-tlo{fill:transparent}
.pk-m .pk-auto,.pk-m .pk-ok,.pk-m .pk-ok-z{display:none}
.pk-m .pk-nr{font:300 40px var(--sans);fill:#fafaf8;letter-spacing:-1px}
.pk-m .pk-stan{font:600 11px var(--sans);letter-spacing:3px;fill:var(--gold-2)}
.pk-m.wolne{cursor:pointer}
.pk-m.wolne .pk-tlo{fill:rgba(255,255,255,.04);stroke:var(--gold-2);stroke-width:1.5;stroke-dasharray:6 5}
.pk-m.wolne:hover .pk-tlo,.pk-m.wolne:focus .pk-tlo{fill:rgba(14,138,100,.35);stroke:#7fd3b5;stroke-dasharray:none}
.pk-m:focus{outline:none}
.pk-m.zajete .pk-auto{display:inline}
.pk-m.zajete .pk-tlo{fill:rgba(0,0,0,.25)}
.pk-m.zajete .pk-stan{fill:#d9a49b}
.pk-m.zajete .pk-nr{fill:#8e867a}
.pk-m.wybrane .pk-tlo{fill:var(--pk-book);stroke:#a7e3cd;stroke-width:3}
.pk-m.wybrane .pk-ok{display:inline;fill:#fff}
.pk-m.wybrane .pk-ok-z{display:inline;stroke:var(--pk-book)}
.pk-m.wybrane .pk-stan{fill:#fff}
.pk-m.nieznane .pk-nr{fill:#6f6a65}
.pk-leg{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13px;color:var(--muted);margin-top:14px}
.pk-leg i{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin-right:7px;border-radius:2px}
.pk-chipy{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.pk-chip{min-width:58px;height:44px;border:1px solid #cfc7bf;background:transparent;border-radius:var(--r);font:400 16px/1 var(--sans);color:var(--fg);cursor:pointer}
.pk-chip:hover:not(:disabled){border-color:var(--fg)}
.pk-chip:disabled{color:#b9b1aa;border-color:var(--line);cursor:not-allowed;text-decoration:line-through}
.pk-chip.on{background:var(--pk-book);border-color:var(--pk-book);color:#fff}
.pk-wybor{margin-top:14px;font-size:15px;color:var(--soft)}
.pk-wybor b{font-weight:600;color:var(--fg)}

/* karta zamówienia (jak „Prywatny pokój” – kamień + złota kreska) */
.pk-karta{position:sticky;top:104px;background:var(--stone);border-left:3px solid var(--gold);border-radius:4px;padding:clamp(24px,3vw,36px)}
.pk-karta.off .pk-form{opacity:.5;pointer-events:none}
.pk-karta .pk-pola{grid-template-columns:1fr 1fr;gap:20px}
.pk-zgoda{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:var(--soft);grid-column:1/-1;margin-top:4px}
.pk-zgoda input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--pk-book)}
.pk-zgoda a{color:var(--gold-ink)}
.pk-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.pk-sum{margin:26px 0 22px;border-top:1px solid #ddd5cc}
.pk-sum div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #ddd5cc;font-size:14.5px}
.pk-sum span{color:var(--muted)}
.pk-sum b{font-weight:500;text-align:right}
.pk-sum .pk-suma b{font-weight:300;font-size:30px;line-height:1;letter-spacing:-.02em}
.pk-zaplac{width:100%;padding:19px 24px}
.pk-zaplac:disabled{opacity:.45;cursor:not-allowed}
.pk-zaplac svg{width:16px;height:16px}
.pk-p24{font-size:12.5px;color:var(--muted);text-align:center;margin:12px 0 0}
.pk-blad{background:var(--pk-err-bg);color:var(--pk-err);border-left:3px solid var(--pk-err);padding:11px 14px;font-size:14px;margin-top:16px}

/* strony wyniku, symulacji, regulaminu */
.pk-wynik{max-width:760px;margin:0 auto}
.pk-wynik .h2 em{display:block}
.pk-wynik__lead{color:var(--muted);font-size:17px;max-width:560px}
.pk-ik{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;margin-bottom:26px;border:1px solid var(--pk-book);color:var(--pk-book)}
.pk-ik svg{width:26px;height:26px}
.pk-ik.czeka{border-color:var(--gold);color:var(--gold-ink)}.pk-ik.zle{border-color:var(--pk-err);color:var(--pk-err)}
.pk-dane{background:var(--stone);border-left:3px solid var(--gold);border-radius:4px;padding:8px 28px;margin:30px 0}
.pk-dane div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #ddd5cc;font-size:15px}
.pk-dane div:last-child{border-bottom:0}
.pk-dane span{color:var(--muted)}.pk-dane b{font-weight:500;text-align:right}
.pk-nrm{display:inline-grid;place-items:center;min-width:34px;height:28px;padding:0 8px;border-radius:4px;background:var(--ink);color:#fafaf8;font-weight:400}
.pk-przyciski{display:flex;flex-wrap:wrap;gap:12px}
.pk-tekst{max-width:820px}
.pk-tekst h3{font-weight:400;font-size:20px;margin:30px 0 10px}
.pk-tekst ol{padding-left:22px;color:var(--soft)}.pk-tekst li{margin-bottom:8px}

@media (max-width:1080px){.pk-hero__grid{grid-template-columns:1fr}.pk-rez__grid{grid-template-columns:1fr}.pk-karta{position:static}}
@media (max-width:760px){.pk-hero .amen__grid{grid-template-columns:1fr 1fr}.pk-dni{grid-template-columns:repeat(7,minmax(0,1fr))}
  .pk-krok__h small{display:none}}
@media (max-width:520px){.pk-pola,.pk-karta .pk-pola{grid-template-columns:1fr}.pk-plan-box{padding:3px}.pk-krok__nr{font-size:36px}.pk-krok__h h3{font-size:24px}
  .pk-dane{padding:4px 18px}.pk-cena b{font-size:34px}}

/* v3: na stronie tylko termin + miejsce, dane i płatność w okienku */
.pk-rez{max-width:1000px}
.pk-pola--daty{max-width:620px}
.pk-belka{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;gap:22px;background:var(--paper);border-top:1px solid var(--line);
  padding:16px 0;margin-top:6px}
.pk-belka__t{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.pk-belka__m{font-weight:500;font-size:17px}
.pk-belka__d{font-size:14px;color:var(--muted)}
.pk-belka__k{font-weight:300;font-size:30px;line-height:1;letter-spacing:-.02em;white-space:nowrap}
.pk-belka .btn:disabled{opacity:.4;cursor:not-allowed}
.pk-dlg{margin:auto;border:0;padding:0;width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 24px);background:var(--paper);color:var(--fg);
  border-radius:4px;border-top:3px solid var(--gold);box-shadow:0 24px 70px rgba(15,13,10,.35)}
.pk-dlg::backdrop{background:rgba(15,13,10,.62)}
.pk-dlg form{display:flex;flex-direction:column;max-height:calc(100dvh - 27px)}
.pk-dlg__h{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:24px 28px 0}
.pk-dlg__h .eyebrow{margin:0 0 10px}
.pk-dlg__h h3{font-weight:300;font-size:30px;line-height:1.05;letter-spacing:-.02em}
.pk-dlg__x{background:none;border:0;font-size:18px;line-height:1;color:var(--muted);cursor:pointer;padding:6px;margin:-4px -6px 0 0}
.pk-dlg__x:hover{color:var(--fg)}
.pk-dlg__b{padding:6px 28px 4px;overflow-y:auto}
.pk-dlg__b .pk-sum{margin:16px 0 24px}
.pk-dlg__s{padding:18px 28px 24px;border-top:1px solid var(--line);background:var(--stone)}
@media (max-width:640px){.pk-belka{flex-wrap:wrap;gap:10px 16px;padding:12px 0}.pk-belka .btn{width:100%}
  .pk-dlg{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0}.pk-dlg form{max-height:100dvh;height:100%}
  .pk-dlg__b{flex:1}.pk-dlg__h,.pk-dlg__b,.pk-dlg__s{padding-left:18px;padding-right:18px}}