/* =====================================================================
   movie/include/motywy.css — motywy kolorystyczne blu-ray.info (cała strona + panel admina)
   ---------------------------------------------------------------------
   Jak to działa:
   - Motyw wybiera atrybut na <html>:  <html data-motyw="niebieski">
     (ustawia go movie/include/motyw.php: motyw_head() — z ciasteczka "motyw").
   - Ten plik definiuje TYLKO zmienne kolorów (tokeny). Każdy arkusz strony
     i panelu używa ich przez var(--bg), var(--ink), var(--brand)…
   - Selektor html[data-motyw=…] ma większą wagę niż :root w arkuszach stron,
     więc motyw wygrywa niezależnie od kolejności dołączania plików.
   - [data-motyw=…] działa też na DOWOLNYM elemencie (np. <div data-motyw="szary">) —
     fragment strony w innym motywie: podgląd w ustawieniach, admin_test_css.php.
     Taki element musi sam ustawić tło i kolor: background:var(--bg); color:var(--ink).
   - Nowy motyw = nowy blok html[data-motyw="nazwa"] { … } z kompletem tokenów
     + dopisanie nazwy w movie/include/motyw.php (MOTYWY).

   Tokeny (komplet w każdym motywie):
     --bg            tło strony              --surface      tło kart / pól
     --surface-2     tło drugiego planu      --line         linie, obramowania
     --ink           tekst główny            --muted        tekst pomocniczy
     --brand         kolor akcentu / link    --brand-ink    tekst NA kolorze akcentu
     --brand-soft    jasne tło akcentu       --accent       drugi akcent (wyróżnienia)
     --ok / --ok-soft      sukces            --err / --err-soft    błąd
     --warn / --warn-soft  ostrzeżenie       --shadow       cień kart
     --topbar        tło górnego paska       --link         kolor linków w treści
   Strona blu-ray.info (css.php, menu_dol.php…):
     --bg0  tło zewnętrzne   --page  tło za kolumną strony   --ink-soft  tekst treści
     --gold oceny / wyróżnienia   --ok-dim  ciemniejszy sukces   --btn-bg / --btn-line  przyciski, pola
   Karuzela Allegro (allegro.php): --karuzela-bg (pasek) --karuzela-thumb (pod okładką) --karuzela-info (podpis na telefonie)
     --karuzela-dot / --karuzela-dot-on (kropki)
   Strona filmu: --tytul (tytuł PL, „Opis fabuły”)  --ink-2 (tytuł oryginalny, Studio/Gatunek/Dystrybucja)
     --znak (napis w tle Studio/Gatunek)  --litera-bg / --litera-hover / --litera-cien (przyciski 0-9, A…Z — abc.php)
     --sklep-tlo (kafelki sklepów w szukaj_ean.php)
   Nawigacja (nav_poral.php) — ikony to SVG w kolorze motywu (--nav-muted, zalogowany: --nav-ok):
     --nav-bg  --nav-row (pasek linków)  --nav-ink  --nav-link  --nav-muted  --nav-line
     --nav-btn-bg  --nav-btn-line  --nav-hover  --nav-accent (ramka po najechaniu)  --nav-extra (BlueDVD.pl)  --nav-ok (zalogowany)
   ===================================================================== */

/* ---------- 2. JASNY (też domyślny, gdy brak motywu i system jest jasny) ---------- */
:root,
html[data-motyw="auto"],
html[data-motyw="jasny"], [data-motyw="jasny"]{
  color-scheme: light;
  --bg:#f5f6fa; --surface:#ffffff; --surface-2:#f1f3f9; --line:#e2e8f0;
  --ink:#0f172a; --muted:#64748b;
  --brand:#4f46e5; --brand-ink:#ffffff; --brand-soft:#eef0ff; --accent:#0ea5e9;
  --ok:#15803d; --ok-soft:#dcfce7; --err:#b91c1c; --err-soft:#fee2e2; --warn:#b45309; --warn-soft:#fef3c7;
  --shadow:0 1px 2px rgba(15,23,42,.06),0 10px 30px rgba(15,23,42,.06);
  --topbar:rgba(255,255,255,.88); --link:#4f46e5;
  /* strona blu-ray.info */
  --bg0:#e9ecf3; --ink-soft:#334155; --gold:#b45309; --ok-dim:#15803d; --btn-bg:#ffffff; --btn-line:#cbd5e1; --page:#dfe4ee;
  /* nawigacja — jasna */
  --nav-bg:#ffffff; --nav-row:#f1f3f9; --nav-ink:#0f172a; --nav-link:#334155; --nav-muted:#64748b; --nav-line:#e2e8f0;
  --nav-btn-bg:#f5f6fa; --nav-btn-line:#cbd5e1; --nav-hover:#eef0ff; --nav-accent:#4f46e5; --nav-extra:#0369a1; --nav-ok:#15803d;
  /* karuzela Allegro */
  --karuzela-bg:#ffffff; --karuzela-thumb:#ffffff; --karuzela-info:#64748b; --karuzela-dot:#cbd5e1; --karuzela-dot-on:#4f46e5;
  /* strona filmu (tytuły, studio/gatunek, litery ABC) */
  --tytul:#0f172a; --ink-2:#1e293b; --znak:rgba(15,23,42,.06); --litera-bg:#eef0ff; --litera-hover:#ffffff; --litera-cien:transparent; --sklep-tlo:#ffffff;
}

/* ---------- 1. CIEMNY ---------- */
html[data-motyw="ciemny"], [data-motyw="ciemny"]{
  color-scheme: dark;
  --bg:#0a1020; --surface:#131a2e; --surface-2:#1a2340; --line:#26304d;
  --ink:#f1f5f9; --muted:#94a3b8;
  --brand:#818cf8; --brand-ink:#0b1020; --brand-soft:#222a55; --accent:#38bdf8;
  --ok:#4ade80; --ok-soft:#12301d; --err:#f87171; --err-soft:#3b1619; --warn:#fbbf24; --warn-soft:#3a2a0b;
  --shadow:0 1px 2px rgba(0,0,0,.4);
  --topbar:rgba(19,26,46,.88); --link:#8fb4ff;
  /* strona blu-ray.info — dokładnie obecne kolory */
  --bg0:#070b18; --ink-soft:#c3cde0; --gold:#fbbf24; --ok-dim:#15803d; --btn-bg:#131a2d; --btn-line:#3d4a75; --page:#4c5a78;
  /* nawigacja */
  --nav-bg:#0a1020; --nav-row:#09101e; --nav-ink:#f1f5f9; --nav-link:#cbd5e1; --nav-muted:#94a3b8; --nav-line:#26304d;
  --nav-btn-bg:#131a2d; --nav-btn-line:#3d4a75; --nav-hover:#1a2340; --nav-accent:#818cf8; --nav-extra:#38bdf8; --nav-ok:#4ade80;
  /* karuzela Allegro (allegro.php) — jak dotąd: biały pasek */
  --karuzela-bg:#ffffff; --karuzela-thumb:#ffffff; --karuzela-info:#555555; --karuzela-dot:#cccccc; --karuzela-dot-on:#e2001a;
  /* strona filmu (tytuły, studio/gatunek, litery ABC) */
  --tytul:#e9e9e9; --ink-2:#e2e8f0; --znak:rgba(192,203,235,.1); --litera-bg:#2a3963; --litera-hover:#0f172a; --litera-cien:#0a1020; --sklep-tlo:#131921;
}

/* ---------- 3. NIEBIESKI BD — paleta niebieskich jak logo Blu-ray ---------- */
html[data-motyw="niebieski"], [data-motyw="niebieski"]{
  color-scheme: dark;
  --bg:#03132b; --surface:#082650; --surface-2:#0c3166; --line:#174784;
  --ink:#eaf4ff; --muted:#9cc0e8;
  --brand:#2ea8ff; --brand-ink:#021025; --brand-soft:#0d3c78; --accent:#7fd3ff;
  --ok:#5ee3a1; --ok-soft:#0b3a33; --err:#ff8a9a; --err-soft:#3c1534; --warn:#ffd36b; --warn-soft:#3a3214;
  --shadow:0 1px 2px rgba(0,8,30,.5),0 10px 30px rgba(0,30,90,.35);
  --topbar:rgba(0,74,153,.92); --link:#7fc8ff;
  /* strona blu-ray.info */
  --bg0:#020d1f; --ink-soft:#cfe3fb; --gold:#ffd36b; --ok-dim:#1f9d6a; --btn-bg:#082650; --btn-line:#2a5ea3; --page:#06306a;
  /* nawigacja */
  --nav-bg:#00468c; --nav-row:#003d7a; --nav-ink:#ffffff; --nav-link:#dbeeff; --nav-muted:#a9d1ff; --nav-line:#0b5cad;
  --nav-btn-bg:#0a3f7a; --nav-btn-line:#2f78c4; --nav-hover:#0d56a3; --nav-accent:#7fd3ff; --nav-extra:#bfe9ff; --nav-ok:#5ee3a1;
  /* karuzela Allegro */
  --karuzela-bg:#082650; --karuzela-thumb:#ffffff; --karuzela-info:#9cc0e8; --karuzela-dot:#2a5ea3; --karuzela-dot-on:#2ea8ff;
  /* strona filmu (tytuły, studio/gatunek, litery ABC) */
  --tytul:#ffffff; --ink-2:#dbeeff; --znak:rgba(191,233,255,.1); --litera-bg:#0d3c78; --litera-hover:#03132b; --litera-cien:#021025; --sklep-tlo:#082650;
}

/* ---------- 4. SZARY — neutralne szarości ---------- */
html[data-motyw="szary"], [data-motyw="szary"]{
  color-scheme: light;
  --bg:#e3e5e8; --surface:#f4f5f6; --surface-2:#e9ebee; --line:#cdd1d6;
  --ink:#1f2328; --muted:#59616b;
  --brand:#4b5563; --brand-ink:#ffffff; --brand-soft:#dadee3; --accent:#6b7280;
  --ok:#256a41; --ok-soft:#dcefe3; --err:#b42318; --err-soft:#f6dcd9; --warn:#8a5a00; --warn-soft:#f3e8cc;
  --shadow:0 1px 2px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.06);
  --topbar:rgba(214,217,221,.92); --link:#374151;
  /* strona blu-ray.info */
  --bg0:#d5d8dc; --ink-soft:#2f353c; --gold:#8a5a00; --ok-dim:#256a41; --btn-bg:#f4f5f6; --btn-line:#b9bec5; --page:#c9cdd2;
  /* nawigacja — jasnoszara */
  --nav-bg:#f4f5f6; --nav-row:#e9ebee; --nav-ink:#1f2328; --nav-link:#374151; --nav-muted:#59616b; --nav-line:#cdd1d6;
  --nav-btn-bg:#ffffff; --nav-btn-line:#b9bec5; --nav-hover:#dadee3; --nav-accent:#4b5563; --nav-extra:#1d4ed8; --nav-ok:#256a41;
  /* karuzela Allegro */
  --karuzela-bg:#f4f5f6; --karuzela-thumb:#ffffff; --karuzela-info:#59616b; --karuzela-dot:#b9bec5; --karuzela-dot-on:#4b5563;
  /* strona filmu (tytuły, studio/gatunek, litery ABC) */
  --tytul:#1f2328; --ink-2:#2f353c; --znak:rgba(31,35,40,.07); --litera-bg:#dadee3; --litera-hover:#ffffff; --litera-cien:transparent; --sklep-tlo:#ffffff;
}

/* ---------- 5. PIASKOWY — kremowe, piaskowe i brązowe, złoty akcent (dawniej "mieszany") ---------- */
html[data-motyw="piaskowy"], [data-motyw="piaskowy"],
html[data-motyw="mieszany"], [data-motyw="mieszany"]{
  color-scheme: light;
  --bg:#f6efe3; --surface:#fffaf1; --surface-2:#efe4d1; --line:#dccbb0;
  --ink:#3b2a1a; --muted:#735b42;
  --brand:#8b5a2b; --brand-ink:#ffffff; --brand-soft:#f1e2c8; --accent:#b8860b;
  --ok:#3f6b12; --ok-soft:#e7efd6; --err:#a3291c; --err-soft:#f6dcd5; --warn:#875400; --warn-soft:#f5e6c4;
  --shadow:0 1px 2px rgba(80,50,20,.08),0 10px 30px rgba(80,50,20,.08);
  --topbar:linear-gradient(90deg,#f7ecd9,#f1e2c8 55%,#ead6b4); --link:#7a4a1c;
  /* strona blu-ray.info */
  --bg0:#efe4d1; --ink-soft:#4a3826; --gold:#87590a; --ok-dim:#3f6b12; --btn-bg:#fffaf1; --btn-line:#d2bc98; --page:#e8dcc6;
  /* nawigacja — kremowa, złoty akcent */
  --nav-bg:#fbf4e7; --nav-row:#f1e5cf; --nav-ink:#3b2a1a; --nav-link:#5c3d1e; --nav-muted:#735b42; --nav-line:#dccbb0;
  --nav-btn-bg:#fffaf1; --nav-btn-line:#d2bc98; --nav-hover:#f1e2c8; --nav-accent:#b8860b; --nav-extra:#8b5a2b; --nav-ok:#3f6b12;
  /* karuzela Allegro */
  --karuzela-bg:#fffaf1; --karuzela-thumb:#ffffff; --karuzela-info:#735b42; --karuzela-dot:#d2bc98; --karuzela-dot-on:#b8860b;
  /* strona filmu (tytuły, studio/gatunek, litery ABC) */
  --tytul:#3b2a1a; --ink-2:#5c3d1e; --znak:rgba(139,90,43,.09); --litera-bg:#f1e2c8; --litera-hover:#fffaf1; --litera-cien:transparent; --sklep-tlo:#fffaf1;
}

/* ---------- Bez motyw.php (strona nie wywołuje motyw_head()): jak w systemie — jasny / ciemny ---------- */
@media (prefers-color-scheme: dark){
  html:not([data-motyw]),
  html[data-motyw="auto"], [data-motyw="auto"]{
    color-scheme: dark;
    --bg:#0a1020; --surface:#131a2e; --surface-2:#1a2340; --line:#26304d;
    --ink:#f1f5f9; --muted:#94a3b8;
    --brand:#818cf8; --brand-ink:#0b1020; --brand-soft:#222a55; --accent:#38bdf8;
    --ok:#4ade80; --ok-soft:#12301d; --err:#f87171; --err-soft:#3b1619; --warn:#fbbf24; --warn-soft:#3a2a0b;
    --shadow:0 1px 2px rgba(0,0,0,.4);
    --topbar:rgba(19,26,46,.88); --link:#8fb4ff;
    /* strona blu-ray.info — dokładnie obecne kolory */
    --bg0:#070b18; --ink-soft:#c3cde0; --gold:#fbbf24; --ok-dim:#15803d; --btn-bg:#131a2d; --btn-line:#3d4a75; --page:#4c5a78;
    /* nawigacja */
    --nav-bg:#0a1020; --nav-row:#09101e; --nav-ink:#f1f5f9; --nav-link:#cbd5e1; --nav-muted:#94a3b8; --nav-line:#26304d;
    --nav-btn-bg:#131a2d; --nav-btn-line:#3d4a75; --nav-hover:#1a2340; --nav-accent:#818cf8; --nav-extra:#38bdf8; --nav-ok:#4ade80;
      /* karuzela Allegro (allegro.php) — jak dotąd: biały pasek */
      --karuzela-bg:#ffffff; --karuzela-thumb:#ffffff; --karuzela-info:#555555; --karuzela-dot:#cccccc; --karuzela-dot-on:#e2001a;
      /* strona filmu (tytuły, studio/gatunek, litery ABC) */
      --tytul:#e9e9e9; --ink-2:#e2e8f0; --znak:rgba(192,203,235,.1); --litera-bg:#2a3963; --litera-hover:#0f172a; --litera-cien:#0a1020; --sklep-tlo:#131921;
  }
}

/* ---------- Wspólne drobiazgi zależne od motywu (bezpieczne dla każdej strony) ---------- */
html[data-motyw]{ accent-color: var(--brand); }
html[data-motyw] ::selection{ background: var(--brand-soft); color: var(--ink); }

/* ---------- Przełącznik motywu (motyw.php: motyw_przelacznik()) ----------
   Podwójna klasa = wyższa waga, żeby reguły typu ".topbar nav span" ze stron go nie rozpychały. */
.motyw-wybor.motyw-wybor{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.motyw-wybor button{width:26px;height:26px;padding:0;border-radius:50%;border:2px solid transparent;cursor:pointer;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);transition:transform .12s,border-color .12s}
.motyw-wybor button:hover{transform:scale(1.12)}
.motyw-wybor button[aria-pressed="true"]{border-color:var(--brand)}
.motyw-wybor button:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 45%,transparent);outline-offset:1px}
.motyw-wybor .sw-ciemny{--sw:#131a2e}
.motyw-wybor .sw-jasny{--sw:#ffffff}
.motyw-wybor .sw-niebieski{--sw:linear-gradient(135deg,#2ea8ff,#082650)}
.motyw-wybor .sw-szary{--sw:linear-gradient(135deg,#f4f5f6,#9aa1aa)}
.motyw-wybor .sw-piaskowy{--sw:linear-gradient(135deg,#f9e7a1,#d4a72c 50%,#9c6b12)}