/*
 * Radio Sloty • INDEX LAYOUT LOCK • v126.2.22
 * ------------------------------------------------------------
 * Ten plik jest ostatnią warstwą layoutu strony głównej.
 * Drobne korekty pozycji wykonuj WYŁĄCZNIE przez zmienne poniżej.
 * Nie dopisuj kolejnych transform/margin !important w index.html.
 */
:root{
  --rs-index-right-column-lift:-1cm;
  --rs-index-page-max:1720px;
  --rs-index-page-gutter:24px;
}

/* Stabilne fundamenty: żaden blok nie może rozszerzyć kolumny/viewportu. */
html,body{max-width:100%;}
html{overflow-x:clip;}
body{min-width:0;}
#radio .hero-grid,
#radio .hero-grid > *,
#radio .right-column,
#radio .right-column > *,
#radio .casino-ranking,
#radio .casino-ranking > *{
  min-width:0;
  box-sizing:border-box;
}
#radio img,
#radio video,
#radio canvas,
#radio iframe,
#radio svg{
  max-width:100%;
}
#archiveSetIframe{
  display:block;
  width:100%!important;
  max-width:100%!important;
}

/* Zatwierdzone podniesienie prawej kolumny. Tylko desktop. */
@media (min-width:1121px){
  #radio .right-column{
    transform:translateY(var(--rs-index-right-column-lift));
  }
}


/* Linia końca strony jest niezależnym rodzeństwem main/footer. */
.page-end-divider{
  width:min(calc(100% - 48px),var(--rs-index-page-max));
  height:1px;
  margin:0 auto;
  box-sizing:border-box;
  background:linear-gradient(90deg,rgba(255,202,85,.88) 0%,rgba(255,118,111,.78) 30%,rgba(255,76,163,.72) 62%,rgba(141,92,255,.60) 100%);
  box-shadow:0 0 10px rgba(255,76,163,.18);
  pointer-events:none;
}
@media (max-width:640px){
  .page-end-divider{width:calc(100% - 28px);}
}

/* Runtime clamp: uruchamiany tylko, gdy guard wykryje realny overflow. */
.rs-layout-clamp{
  min-width:0!important;
  max-width:100%!important;
  overflow-x:clip!important;
}

/*
 * TRYB AWARYJNY
 * Jeśli DOM po edycji nie spełnia kontraktu layoutu, zamiast rozrzucić bloki
 * po ekranie wyłączamy wszystkie delikatne wyrównania i pokazujemy bezpieczny
 * układ jednokolumnowy. To nie zastępuje preflightu, ale chroni użytkownika.
 */
html.rs-layout-safe-mode #radio .hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
}
html.rs-layout-safe-mode #radio .right-column{
  transform:none!important;
  width:100%!important;
  max-width:100%!important;
}
html.rs-layout-safe-mode .archive-feature-grid,
html.rs-layout-safe-mode .archive-sets,
html.rs-layout-safe-mode #wspomoz-radio-sloty{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin-top:16px!important;
  transform:none!important;
}

/* Logo menu: lewa krawędź grafiki ma startować dokładnie na osi lewej krawędzi hero.
 * Nav ma szerszy viewport niż .container hero, dlatego kompensujemy wyłącznie logo,
 * bez przesuwania menu, WebPlayera i przełącznika języka. */
@media (min-width:1181px){
  header .nav--final .nav__brand{
    transform:translate(
      clamp(-24px, calc((100vw - 1466px) / 2), 155px),
      0.5mm
    ) !important;
  }
}