/* === przeniesione z klasy-uzupelnienie.css 2026-09-13_23-43-18 (css-podziel.py) ===
   Reguly uzywane WYLACZNIE przez ten szablon; laduje je autoAsset() z
   layout_meta.html.twig. Zrodlo prawdy dla tych klas jest TUTAJ. */

/* Studio Lotto — niebieska scena transmisji (jak produkcja): tu wchodzi iframe
   losowania, a poza oknem zegar odliczajacy / splash. */
/* Studio i glowna dziela JEDEN widget (_studio_widget.html.twig), wiec studio
   nie ma juz osobnej "sceny" — wyglad bierze z .strona-glowna__studio + timer.
   Poprzednia scena .studio .studio-player (min-height 320 + wyśrodkowanie)
   usunieta 10.09.2026, bo dublowala i psula odstepy. */
/* Przeglad kumulacji wszystkich gier na /lotto-kumulacje (i pozostalych) */
/* SIATKA, nie flex. Przy szesciu grach flex rozciagal ostatni rzad na cala
   szerokosc: gorny rzad mial cztery kafle po 290 px, dolny dwa po 590 px
   i uklad wygladal na rozjechany. W siatce kazdy kafel trzyma szerokosc
   kolumny niezaleznie od tego, ile ich jest w rzedzie. (11.09.2026) */
.kumulacje-przeglad{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;list-style:none;padding:0;margin:0 0 24px}

.kumulacje-przeglad__item{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--obramowanie,#E5E7EB);border-radius:8px;background:var(--tlo2,#f9fafb);min-height:44px}

.kumulacje-przeglad__item--akt{border-color:var(--akcent,#B25E00);box-shadow:0 0 0 1px var(--akcent,#B25E00)}

.kumulacje-przeglad__gra{font-weight:600;text-decoration:none}

/* --akcent to ZOLTY #FFD105, kolor TLA. Uzyty tu jako kolor tekstu dawal
   1,4:1 na kaflu — kwoty praktycznie nie bylo widac. Fallback #B25E00
   nigdy nie dzialal, bo zmienna --akcent istnieje.
   Kwota idzie na --tekst (#0F172A, 16,1:1), nie na zloty akcent: w kaflu
   kolor niesie juz NAZWA gry, a kwota ma byc najczytelniejsza rzecza na
   ekranie, nie druga kolorowa. Decyzja daro 11.09.2026. */
.kumulacje-przeglad__kwota{margin-left:auto;font-weight:700;color:var(--tekst,#0F172A);font-variant-numeric:tabular-nums;white-space:nowrap}

.kumulacja-hero__seria{margin-top:8px;font-size:15px;color:var(--tekst2,#677078)}

/* --- Sprawdz tez: chipsy z ikonami (22.09.2026). Reguly skopiowane 1:1
   z pages/index.css (sekcja Przejdz prosto do obliczen), zeby oba miejsca
   wygladaly tak samo; zadnej nowej klasy. --- */
.sekcja--linki .skroty-analiz{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.skrot-analizy {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 12px 6px 6px !important;
  border: 1px solid var(--obramowanie,#E5E7EB);
  border-radius: 999px;
  background: var(--tlo,#fff);
  color: var(--tekst,#111827);
  font-size: 14px; font-weight: 600;
  text-decoration: none !important;
  transition: border-color 150ms ease-out, background-color 150ms ease-out;
}
.skrot-analizy:hover { border-color: var(--akcent,#B25E00); background: var(--tlo2,#F1F3F5); }
.skrot-analizy:focus-visible { outline: 2px solid var(--akcent,#B25E00); outline-offset: 2px; }
.skrot-analizy__ikona {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 50%;
  background: color-mix(in srgb, var(--akcent,#B25E00) 12%, var(--tlo,#fff));
  /* Jedyna roznica wobec index.css: ikona na --akcent-tekst, nie na --akcent
     (zolty #FFD105 na jasnozoltym kole byl ledwo widoczny — ta sama lekcja
     co przy kwocie wyzej). */
  color: var(--akcent-tekst,#8a6d00);
}
@supports not (color: color-mix(in srgb, red 10%, white)) {
  .skrot-analizy__ikona { background: var(--tlo2,#F1F3F5); }
}