/* =====================================================================
   Sklep, koszyk, konto i rezerwacja na nowej czarko.pl (31.10.2026).

   Piotr: „Niektóre podstrony … nie mają nawigacji głównej … sprawdź, czy wszystkie
   widoki dla Klienta poprawnie się wyświetlają”. Widoki Klienta mają komponenty
   z arkusza sklepu motywu WordPressa (`sklep.css` = kopia 1:1
   wp-content/themes/czarko/css/konto.css — przy każdej zmianie tamtego pliku
   skopiować go tu jeszcze raz, jak panel.css). Ten plik tłumaczy jego zmienne
   na paletę Mirka (czarko.css z paczki), więc ten sam kod wygląda jak strona:
   ecru, cegła, ostre rogi, zero cieni, tryb ciemny przez `data-motyw`.

   Złoto motywu WP bywa TŁEM pod ciemnym tekstem (przyciski, znaczniki), dlatego
   jako tło idzie jasne zakreślenie, a cegła tylko jako kolor tekstu i kreski.
   ===================================================================== */
:root {
	--c-gold:       var(--zakreslenie);
	--c-gold-dark:  #e2d6c0;
	--c-gold-deep:  var(--cegla);
	--c-gold-light: var(--ciemne-akcent);
	--c-cream:      var(--ciemne-tekst);
	--c-dark:       var(--ciemne);
	--c-ink:        var(--tekst);
	--c-muted:      var(--tekst-slaby);
	--c-line:       var(--kreska-cienka);
	--c-gray:       var(--tlo-jasne);
	--c-black:      var(--ciemne);
	--font-display: var(--font);
	--radius:       0;
	--shadow-sm:    none;
	--shadow-md:    none;
	--shadow-lg:    none;
}
/* Czerwień Mirka w ciemnym (04.11.2026): czarko.css z paczki wczytuje się PO strona.css
   i przywraca łososiowy akcent — tu wracamy do wartości strony (strona.css, blok ciemny). */
@media (prefers-color-scheme: dark) {
	:root:not([data-motyw="light"]) {
		--c-gold-dark: #3a332a;
		--cegla: #ff2a2a; --cegla-hover: #ff6b6b; --ciemne-akcent: #ff2a2a;
	}
}
:root[data-motyw="dark"] {
	--c-gold-dark: #3a332a;
	--cegla: #ff2a2a; --cegla-hover: #ff6b6b; --ciemne-akcent: #ff2a2a;
}
/* Kropka przełącznika to sterowanie, nie tekst (czarko.css barwi ją na --cegla). */
.czk-motyw[aria-checked="true"] .czk-motyw__kropka { background: var(--sterowanie); }

/* Pole formularza to siatka: w wierszu obok pola z długą podpowiedzią rosło razem
   z nim i rozciągało okienko (zgłoszenie Piotra 31.10, „Nowy warsztat”). */
.czk-field { align-content: start; }

/* Treść widoków Klienta stoi wprost w ramie strony (.st-rama: biała, z bocznymi
   kreskami) — bez drugiej ramki z wyglądu konto.czarko.pl, jak inne podstrony. */
.czk-app--strona .czk-app-main { padding: 0; }
.czk-app--strona .czk-app-main > .container {
	max-width: none; border: 0; background: transparent;
	padding: 28px var(--wciecie) 48px;
}
.czk-app--strona .czk-okruchy ol { list-style: none; padding: 0; }
.czk-konto-glowa { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; justify-content: space-between; }
.czk-konto-glowa .czk-page-title { margin: 0; }

/* Tryb ciemny w sklepie (04.11.2026): sklep.css (kopia arkusza motywu WP) ma tło `#fff`
   NA SZTYWNO w siedmiu regułach, a tekst idzie za motywem — w ciemnym wychodził jasny
   napis na białym kaflu (np. kategorie na /sklep). Tu tylko tła; reszta przy nowym
   wyglądzie sklepu. */
@media (prefers-color-scheme: dark) {
	:root:not([data-motyw="light"]) :is(.czk-field input, .czk-field select, .czk-field textarea,
		.czk-tile, .czk-slot, .czk-summary, .czk-cal, .czk-cal__nav, .czk-kategoria,
		.czk-termin, .czk-radio, .czk-zgoda, .czk-nav-rozwin > ul, .czk-combo-lista, .czk-modal-tresc,
		.czk-prezent, .czk-formy) { background: var(--karta); }
	:root:not([data-motyw="light"]) :is(.czk-radio, .czk-zgoda):has(input:checked) { background: var(--c-gray); }
}
:root[data-motyw="dark"] :is(.czk-field input, .czk-field select, .czk-field textarea,
	.czk-tile, .czk-slot, .czk-summary, .czk-cal, .czk-cal__nav, .czk-kategoria,
	.czk-termin, .czk-radio, .czk-zgoda, .czk-nav-rozwin > ul, .czk-combo-lista, .czk-modal-tresc,
	.czk-prezent, .czk-formy) { background: var(--karta); }
:root[data-motyw="dark"] :is(.czk-radio, .czk-zgoda):has(input:checked) { background: var(--c-gray); }
/* 04.11.2026 (zrzut Piotra z kasy): pierwsza runda objęła 7 z 16 reguł z `#fff` — tu reszta
   (wybory dostawy i adresata, zgody, terminy, podpowiedzi, okno mapy, prezent, formy).
   Zaznaczona opcja zostaje wyróżniona (`--c-gray`). Kafel kodu QR aplikacji świadomie biały. */

/* „Wybierz z mapy” — obrys jak drugie przyciski strony (jeden wypełniony w bloku). Złoto motywu
   WP dawało w ciemnym ciemny napis na ciemnym tle. `.czk-pm-para` podnosi wagę nad sklep.css,
   który wczytuje się później. */
.czk-pm-para .czk-pm-mapa { background: transparent; color: var(--tekst); border-color: var(--kreska-mocna); }
.czk-pm-para .czk-pm-mapa:hover { background: var(--muska); border-color: var(--tekst); }

/* Komunikaty po akcji („Dodano do koszyka”, błędy) w ciemnym: konto.css daje ciemne tło,
   a kolor napisu zostawał z sklep.css (ciemna zieleń / ciemna czerwień) — 04.11.2026. */
@media (prefers-color-scheme: dark) {
	:root:not([data-motyw="light"]) .czk-flash--success { color: var(--tekst); }
	:root:not([data-motyw="light"]) .czk-flash--error { color: var(--cegla); }
}
:root[data-motyw="dark"] .czk-flash--success { color: var(--tekst); }
:root[data-motyw="dark"] .czk-flash--error { color: var(--cegla); }