/* KOLORY STRON ROZRYWEK (15.10.2026, wytyczne właściciela: „brązowe tło nie, ładniejsze jak w szkołach i urodzinach”).
   Tylko pokoj.php (body.pk-kolory + body.pk-{rodzaj}). Jak urodziny-kolory.css / szkoly-kolory.css: ciemne, chłodne tło
   z delikatnie widocznym kamiennym murem i takie same powierzchnie paneli i kart — każda rozrywka w odcieniu swoich drzwi
   ze sceny (escape: złoto, Quizuj: fiolet-róż, Pixeluj: niebieski, gry terenowe: zieleń). Złoto zostaje na przyciskach i cenach. */
/* Kolory = kolory drzwi ze sceny na stronie głównej (views/home_el.php $elDrzwiKolor): escape złoty #ffb43f,
   Quizuj #d94cff, Pixeluj #2f8bff, gry terenowe #25e35c, gry miejskie #5ecae0. --pk-swiatlo = sam kolor drzwi (poświata). */
body.pk-escape-room  { --pk-tlo: 10, 10, 11;  --pk-pow: 19, 19, 21;  --pk-akcent: 255, 196, 64; --pk-swiatlo: 255, 196, 64; }
body.pk-quizuj       { --pk-tlo: 27, 9, 33;   --pk-pow: 50, 17, 60;  --pk-akcent: 217, 76, 255; --pk-swiatlo: 217, 76, 255; }
body.pk-pixeluj      { --pk-tlo: 9, 19, 40;   --pk-pow: 17, 35, 70;  --pk-akcent: 47, 139, 255; --pk-swiatlo: 47, 139, 255; }
body.pk-gra-terenowa { --pk-tlo: 7, 25, 14;   --pk-pow: 13, 45, 25;  --pk-akcent: 37, 227, 92;  --pk-swiatlo: 37, 227, 92; }
body.pk-gra-miejska  { --pk-tlo: 8, 26, 31;   --pk-pow: 15, 46, 55;  --pk-akcent: 94, 202, 224; --pk-swiatlo: 94, 202, 224; }

body.pk-kolory {
  --card: rgba(var(--pk-pow), 0.94);
  --bg: rgb(var(--pk-tlo)); --bg-3: rgb(var(--pk-pow));
}
/* Tło strony: kolor rozrywki zamiast brązowej czerni (kamienny mur zostaje delikatnie widoczny). */
body.el-uklad.pk-kolory {
  background:
    radial-gradient(ellipse 90% 520px at 50% 0, rgba(var(--pk-swiatlo), 0.16), transparent 70%),
    linear-gradient(rgba(var(--pk-tlo), 0.86), rgba(var(--pk-tlo), 0.86)),
    url("/media.php?f=deko-kamien.webp&v=2") center top / 512px 512px repeat,
    rgb(var(--pk-tlo));
}
/* Panele, karty i nagłówek pokoju: powierzchnia w kolorze rozrywki, cienka ramka w jej akcencie. */
body.pk-kolory .panel, body.pk-kolory .profile_head, body.pk-kolory .card {
  background-color: rgba(var(--pk-pow), 0.94);
  border-color: rgba(var(--pk-akcent), 0.3);
}
body.pk-kolory .pk_zakladki { background: rgba(var(--pk-pow), 0.6); border-color: rgba(var(--pk-akcent), 0.2); }
body.pk-kolory .pk_zakladki a:not(.on) { border-color: rgba(var(--pk-akcent), 0.18); }
body.pk-kolory details { border-color: rgba(var(--pk-akcent), 0.2); }
body.pk-kolory .el-konto-menu, body.pk-kolory .el-lok-menu { background: rgb(var(--pk-pow)); }
body.pk-kolory .el-footer { background-color: rgba(var(--pk-tlo), 0.97); }
/* Panel rezerwacji: złota ramka i poświata zostają (prowadzą do zakupu), ciemny brąz pod spodem — w kolorze rozrywki. */
body.pk-kolory #rezerwacja {
  background:
    radial-gradient(120% 60% at 50% 0%, rgba(245, 192, 74, 0.12), transparent 60%),
    linear-gradient(180deg, rgb(var(--pk-pow)), rgb(var(--pk-tlo)));
}
/* Pasek nad nagłówkiem i krawędzie przy przewijaniu (tło <html>) — też w kolorze rozrywki, nie brązowe. */
html:has(> body.pk-escape-room)  { background: rgb(10, 10, 11); }
html:has(> body.pk-quizuj)       { background: rgb(27, 9, 33); }
html:has(> body.pk-pixeluj)      { background: rgb(9, 19, 40); }
html:has(> body.pk-gra-terenowa) { background: rgb(7, 25, 14); }
html:has(> body.pk-gra-miejska)  { background: rgb(8, 26, 31); }

/* ESCAPE ROOMY — CZERŃ I ZŁOTO (15.10.2026: „ten złoty jest brązowy”). Każde złoto rozlane na ciemnym tle (poświata,
   półprzezroczysta warstwa) wygląda jak brąz — więc tło i panele są neutralną czernią/grafitem BEZ żółtej domieszki,
   a złoto występuje wyłącznie jako ostry akcent: ramki, cienka linia na górze panelu, tytuł, przyciski i ceny. */
body.el-uklad.pk-escape-room {
  background:
    linear-gradient(rgba(10, 10, 11, 0.92), rgba(10, 10, 11, 0.92)),
    url("/media.php?f=deko-kamien.webp&v=2") center top / 512px 512px repeat,
    rgb(10, 10, 11);
}
body.pk-escape-room .panel, body.pk-escape-room .profile_head, body.pk-escape-room .card {
  background-color: rgb(19, 19, 21);
  background-image: none;
  border: 1px solid rgba(255, 200, 70, 0.55);
  box-shadow: inset 0 2px 0 #ffc846, 0 20px 50px -30px #000;
}
body.pk-escape-room .pk_zakladki { background: rgb(19, 19, 21); border-color: rgba(255, 200, 70, 0.45); }
body.pk-escape-room .pk_zakladki a:not(.on) { border-color: rgba(255, 200, 70, 0.35); }
body.pk-escape-room .profile_head h1, body.pk-escape-room .panel h2 { color: #ffd257; }
body.pk-escape-room #rezerwacja { background: rgb(19, 19, 21); border-color: #ffc846; }

/* Strona rezerwacji klienta (rezerwacja.php, 18.10.2026: „kolory jak na stronie”): te same tła i panele co pokoje;
   główny przycisk złoty, pozostałe obrysowane w kolorze rozrywki — nie wszystko złote. */
body.rz-strona .btn_alt {
  background: rgba(var(--pk-akcent), 0.08); background-image: none; color: #f4ede3;
  border: 1px solid rgba(var(--pk-akcent), 0.5); box-shadow: none;
}
body.rz-strona .btn_alt:hover { background: rgba(var(--pk-akcent), 0.18); }
body.rz-strona textarea, body.rz-strona select, body.rz-strona input[readonly] {
  background: rgba(var(--pk-tlo), 0.7); border-color: rgba(var(--pk-akcent), 0.3);
}