/* KOLORY STRONY URODZIN (12.10.2026, wytyczne właściciela) — tylko urodziny.php (body.ur-urodziny);
   szkoły i okazje korzystają z tego samego urodziny.css i zostają bez zmian.
   Układ, fonty, zdjęcia, drzwi i logo bez zmian — zmienia się wyłącznie kolorystyka:
   śliwkowe tło i powierzchnie, różowy neon „Sto lat!”, lawendowe kroki, wybrane opcje z różową ramką,
   złoto zostaje na przyciskach zakupu i cenach (ciemny tekst na złotych przyciskach).
   Wyjątek: karty lokalizacji zostają w kolorach lokalizacji (Lechicka fiolet, Malta błękit) — jak w całym serwisie. */
body.ur-urodziny {
  --ur-tlo: #171221; --ur-pow: #241b30; --ur-pow-2: #1e1729; --ur-pow-3: #2b2139;
  --ur-roz: #ff8ec7; --ur-lawenda: #c7a4ff; --ur-aktywny: #f76ab5; --ur-zloto: #f3c969;
  --ur-tekst: #fff7ed; --ur-opis: #d3c8dd; --ur-drobny: #b9aec6;
  --text: var(--ur-tekst); --gold: var(--ur-zloto); --bg: var(--ur-tlo); --bg-2: #120e1a; --bg-3: var(--ur-pow);
}
/* Tło strony: śliwkowe zamiast brązowej czerni (kamienny mur zostaje delikatnie widoczny). */
body.el-uklad.ur-urodziny {
  background:
    linear-gradient(rgba(23, 18, 33, 0.86), rgba(23, 18, 33, 0.86)),
    url("/media.php?f=deko-kamien.webp&v=2") center top / 512px 512px repeat,
    var(--ur-tlo);
}
body.ur-urodziny .hero-podstrona { background-color: var(--ur-tlo); }
body.ur-urodziny .hero-podstrona-pasek { background: rgba(23, 18, 33, 0.9); }
body.ur-urodziny .hero-podstrona-opis { color: var(--ur-opis); }
body.ur-urodziny .el-footer { background-color: rgba(18, 14, 26, 0.97); }

/* Zmienne sekcji urodzin: tekst ciepła biel, opisy jasnolawendowe, linie z nutą fioletu. */
body.ur-urodziny .ur { --lin: rgba(199, 164, 255, 0.18); --mut: var(--ur-opis); --sl: var(--ur-drobny); color: var(--ur-tekst); }

/* „Sto lat!” — jasny róż z delikatną poświatą; „krok 1 z 4” — lawenda. */
body.ur-urodziny .ur-neon { color: var(--ur-roz);
  text-shadow: 0 0 2px rgba(255, 255, 255, 0.55), 0 0 10px rgba(255, 142, 199, 0.55), 0 0 24px rgba(255, 142, 199, 0.3); }
body.ur-urodziny .ur-krok { color: var(--ur-lawenda); }
body.ur-urodziny .ur-w3-t i { background: var(--ur-lawenda); color: #1a1226; }

/* Karty i formularze: śliwkowe powierzchnie. */
body.ur-urodziny .ur-personal { background: rgba(36, 27, 48, 0.86); border-color: rgba(199, 164, 255, 0.22); }
body.ur-urodziny .ur-pole, body.ur-urodziny .ur-karta, body.ur-urodziny .ur-sala, body.ur-urodziny .ur-pomysl,
body.ur-urodziny .ur-skrot div, body.ur-urodziny .ur-tabela-zew { background: var(--ur-pow); }
body.ur-urodziny .ur-wybor3, body.ur-urodziny .ur-pole-duze { border-color: rgba(199, 164, 255, 0.35); }
body.ur-urodziny .ur-w3 + .ur-w3 { border-color: rgba(199, 164, 255, 0.16); }
body.ur-urodziny .ur-lk { background: rgba(36, 27, 48, 0.9); }
body.ur-urodziny .ur-tab .rz { background: var(--ur-pow); }
body.ur-urodziny .ur-tab thead th { background: var(--ur-pow-2); }
body.ur-urodziny .ur-tab tr.dz td, body.ur-urodziny .ur-tab tr.dz td.rz { background: #191324; }
body.ur-urodziny .ur-tab tr.cz td.rz { background: #211a2c; }
body.ur-urodziny .ur-os li::before { border-color: var(--ur-pow); }
body.ur-urodziny .ur-dol { background: rgba(23, 18, 33, 0.97); }
body.ur-urodziny .ur-modal-in { background: var(--ur-pow); border-color: rgba(199, 164, 255, 0.45); }
body.ur-urodziny .ur-dni-baner { background: rgba(36, 27, 48, 0.9); border-color: rgba(243, 201, 105, 0.45); }

/* Drobne napisy, które miały na sztywno biel — ciepła biel i jasnolawendowe opisy. */
body.ur-urodziny .ur-w3-t, body.ur-urodziny .ur-rez-t, body.ur-urodziny .ur-lk-tekst strong { color: var(--ur-tekst); }
body.ur-urodziny .ur-w3 .ur-op, body.ur-urodziny .ur-rez-o, body.ur-urodziny .ur-lk-tekst small,
body.ur-urodziny .ur-lk-tekst em, body.ur-urodziny .ur-lk b small { color: var(--ur-opis); }

/* WYBRANE opcje (cennik, rodzaj zabawy, sala, godzina, dzień): różowa ramka i subtelnie różowe tło. */
body.ur-urodziny .ur-przel button[aria-pressed=true],
body.ur-urodziny .ur-w3 .ur-dni button[aria-pressed=true] {
  background: rgba(247, 106, 181, 0.18); color: var(--ur-tekst); box-shadow: inset 0 0 0 2px var(--ur-aktywny); }
body.ur-urodziny .ur-rodz button[aria-pressed=true] {
  border-color: var(--ur-aktywny); border-left-color: var(--k); background: rgba(247, 106, 181, 0.12); box-shadow: 0 0 0 1px var(--ur-aktywny); }
body.ur-urodziny .ur-sala[aria-pressed=true] { border-color: var(--ur-aktywny); background: color-mix(in srgb, var(--ur-aktywny) 12%, var(--ur-pow)); }
body.ur-urodziny .ur-godz button[aria-pressed=true] {
  background: rgba(247, 106, 181, 0.2); color: var(--ur-tekst); border-color: var(--ur-aktywny); box-shadow: 0 0 0 1px var(--ur-aktywny); }
body.ur-urodziny .ur-godz button:hover { border-color: var(--ur-aktywny); }
/* Tabela sal: wybrana kolumna różowa (kolor gry zostaje na plakietce z liczbą dzieci). */
body.ur-urodziny .ur-tab .w, body.ur-urodziny .ur-tab tr.cz td.w { background: color-mix(in srgb, var(--ur-aktywny) 10%, var(--ur-pow)); }
body.ur-urodziny .ur-tab thead th.w { background: color-mix(in srgb, var(--ur-aktywny) 18%, var(--ur-pow-2)); box-shadow: inset 0 3px 0 var(--ur-aktywny), inset 2px 0 0 var(--ur-aktywny), inset -2px 0 0 var(--ur-aktywny); }
body.ur-urodziny .ur-tab thead th.w::after { background: var(--ur-aktywny); color: #1a0b14; }
body.ur-urodziny .ur-dod input[type=checkbox] { accent-color: var(--ur-aktywny); }

/* Złoto prowadzi do zakupu: przyciski (ciemny tekst) i ceny. */
body.ur-urodziny .ur-btn-zloto, body.ur-urodziny .ur-dol button, body.ur-urodziny .ur-tab thead th.w .wb,
body.ur-urodziny .hero-podstrona-btn { background: var(--ur-zloto); border-color: var(--ur-zloto); color: #1a1208; }
body.ur-urodziny .ur-btn-obrys { border-color: rgba(211, 200, 221, 0.45); }
body.ur-urodziny .ur-tab .cena, body.ur-urodziny .ur-sala-cena b, body.ur-urodziny .ur-razem b,
body.ur-urodziny .ur-lc > span:last-child:not(.ur-gratis), body.ur-urodziny .ur-lk b { color: var(--ur-zloto); }
body.ur-urodziny .ur-razem { border-top-color: rgba(243, 201, 105, 0.6); }