/* Atlantis pre-launch fixes — responsive navigation and keyboard accessibility. */

.topic-ticker {
  overflow: hidden;
}

/* Mega menu zastosowań: pokazuj twarze na zdjęciu „Stawy i układ ruchu”. */
.mega-app .ach[href="stawy.html"] {
  background-position: center 4% !important;
}

.burger {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  color: inherit;
  font: inherit;
}

.burger:focus-visible,
.cartbtn:focus-visible,
.nav a:focus-visible {
  outline: 3px solid #00aed9;
  outline-offset: 3px;
}

/* Long English specification labels do not fit beside the cart and burger.
   The same PDF action remains available in the product page content. */
@media (max-width: 1040px) {
  .nav-cta .nav-spec {
    display: none !important;
  }
}

/* The full desktop navigation is wider than a typical 1366 px laptop.
   Keep the core menu and cart visible; move search/specification access into
   the mobile drawer or page content until there is enough horizontal room. */
@media (min-width: 1041px) and (max-width: 1500px) {
  .nav .wrap {
    gap: clamp(16px, 2vw, 28px);
  }

  nav.main {
    gap: clamp(18px, 2vw, 30px);
  }

  .nav-cta .as,
  .nav-cta .navsearch,
  .navsearch,
  .nav-cta .nav-spec {
    display: none !important;
  }
}

@media (min-width: 1041px) and (max-width: 1220px) {
  nav.main {
    gap: 16px;
  }

  nav.main a {
    font-size: 15px;
  }
}

/* ============================================================
   PŁYNNE PRZEJŚCIA MIĘDZY STRONAMI  (View Transitions API)
   Czysty CSS, bez bibliotek. Przeglądarki bez wsparcia
   nawigują normalnie — nic się nie psuje.
   ============================================================ */
@view-transition { navigation: auto }

/* Krótko i zdecydowanie — ma być płynnie, nie ospale */
::view-transition-old(root),
::view-transition-new(root){
  animation-duration:.22s;
  animation-timing-function:cubic-bezier(.2,.7,.2,1)
}
/* Nowa strona delikatnie wjeżdża, stara po prostu gaśnie */
::view-transition-new(root){ animation-name: atl-in }
::view-transition-old(root){ animation-name: atl-out }
@keyframes atl-in { from{ opacity:0; transform:translateY(8px) } }
@keyframes atl-out{ to  { opacity:0 } }

/* Pasek, menu i stopka TRWAJĄ między stronami — nie mrugają.
   Nazwy muszą być unikalne w obrębie dokumentu. */
.topbar{ view-transition-name: atl-topbar }
header.nav{ view-transition-name: atl-nav }
footer{ view-transition-name: atl-footer }
/* Elementy trwałe nie animują się w ogóle */
::view-transition-group(atl-topbar),
::view-transition-group(atl-nav),
::view-transition-group(atl-footer){ animation: none }

/* Szanujemy ustawienie systemowe „ogranicz animacje" */
@media (prefers-reduced-motion: reduce){
  @view-transition { navigation: none }
  ::view-transition-old(root),
  ::view-transition-new(root){ animation: none }
}