/* =========================================================================
   Dostępność miotu — trójstan (Z3) i widełki cenowe (Z8), 2026-09-10.

   Ładowany w head.twig bezwarunkowo: etykieta „Zarezerwowane" jest w wynikach
   wyszukiwania, na wizytówce hodowli, w panelu hodowcy i na stronie głównej
   (tam osobna klasa .lbl--violet z home.css). Osobny plik z tego samego powodu
   co home.css i reklama.css: build motywu (app.css) nie działa pod aktualnym
   Node, a build zastępczy daje regresję (§7 dokumentacji). Źródło SCSS
   (_label.scss) ma tę samą regułę &--reserved dla spójności, ale nie liczymy
   na jego kompilację.
   Kopia serwowana: theme/public/assets/css/dostepnosc.css (oba pliki w git,
   trzymać identyczne — .gitignore ma wyjątek).

   Kolory: --orange zajęty przez „Miot planowany", --green przez „Dostępne
   szczenięta"; rezerwacja dostaje fiolet pomocniczy #5816b9 (= --pl w home.css).
   ========================================================================= */

/* etykieta „Zarezerwowane" — obok .label--orange / .label--green z app.css */
.label--reserved{background-color:#5816b9;color:#fff}
/* CTA „Zapytaj o kolejny miot" przy zarezerwowanym miocie na karcie miotu */
.label--reserved-cta{background-color:#fff;color:#5816b9;border:1px solid #5816b9}

/* Z8: etykieta ceny „Szczenięta: 4 000–6 000 PLN" na kafelku i wizytówce */
.label--price{background-color:#faf6fe;color:#3d0195;border:1px solid #ddd6e6}

/* karta miotu: „Potwierdzone dziś / w tym tygodniu / …" pod etykietami */
.dostepnosc-potwierdzenie{margin-top:6px;font-size:13px;color:#6b6870}

/* panel hodowcy, formularz miotu: trzy radio w jednym rzędzie */
.dostepnosc-radio{display:flex;flex-wrap:wrap;gap:6px 22px}
.dostepnosc-uwaga{width:100%;margin-top:6px;font-size:12px;color:#6b6870}

/* Z8: panel hodowcy, formularz miotu — „Cena szczeniąt (opcjonalnie)":
   checkbox „Nie podaję ceny" w pierwszym rzędzie, pod nim od / do / waluta.
   Selektor z .input-helper--inline, bo app.css ustawia align-items:center
   dwuklasowo i sam .cena-pola by przegrał. */
.input-helper--inline .cena-pola{flex-wrap:wrap;align-items:flex-end;row-gap:8px}
.cena-pola .cena-pola__brak{flex:1 0 100%}
.cena-pola .cena-pola__kwota{width:140px}
.cena-pola .cena-pola__waluta{width:120px}
.cena-pola .cena-pola__kwota input{width:100%}
@media (max-width:640px){
  .cena-pola .cena-pola__kwota,.cena-pola .cena-pola__waluta{width:calc(50% - 20px)}
}

/* panel hodowcy, lista miotów: pasek „Ostatnie potwierdzenie: … [Nadal dostępne] [Już nie ma]" */
.dostepnosc-pasek{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;width:100%;
  margin-top:8px;padding:8px 12px;border:1px solid #e8e4ee;border-radius:8px;background:#faf6fe;
  font-size:13px;color:#333135}
.dostepnosc-pasek__label{color:#6b6870}
.dostepnosc-pasek__value{font-weight:600;color:#3d0195}
.dostepnosc-pasek__btn{display:inline-block;padding:5px 12px;border-radius:20px;border:1px solid #5816b9;
  background:#fff;color:#5816b9;font:inherit;font-size:12px;font-weight:600;line-height:1.3;cursor:pointer}
.dostepnosc-pasek__btn--ok{background:#5816b9;color:#fff}
.dostepnosc-pasek__btn:hover{box-shadow:0 2px 8px rgba(61,1,149,.15)}
.dostepnosc-pasek__btn:disabled{opacity:.55;cursor:default;box-shadow:none}
.dostepnosc-pasek__msg{font-size:12px;color:#3d0195}
.dostepnosc-pasek__msg--error{color:#a94442}
@media (max-width:640px){
  .dostepnosc-pasek{font-size:12px}
  .dostepnosc-pasek__btn{padding:5px 10px}
}