/* Elbújó fejléc (modulok/fejlec-elrejtes.php). A fejléc CSS-e (Bricks 44126, hd0001) után töltődik, így ugyanazzal a
   szelektorral felülírja az átmenetet.
   A fejlécet a ragadós `top` negatív értéke viszi fel, NEM transform: a transform a benne lévő `position: fixed`
   gombokat (sötét mód, előzmények, lebegő kosár) is magával vinné (a transformált elem a fix gyerekek tartalmazó
   blokkja lesz). A --szu-fejlec-h-t a szkript írja (a görgetett fejléc magassága); + 2rem, hogy az árnyék se lógjon be. */
@media screen {
  #brx-header .header-sticky {
    transition: top 0.25s ease, box-shadow var(--transition);
  }
  html.szu-fejlec-rejtve #brx-header .header-sticky {
    top: calc(var(--wp-admin--admin-bar--height, 0px) - var(--szu-fejlec-h, 20rem) - 2rem);
  }
  /* a fejléc alá ragadó elemek (termékoldal sávja, oldalsáv, kosár, Fiókom menü, fejléc üzenet) a lap tetejére
     csúsznak: a top értékük a --header-bar-h / --header-stuck-h változóból jön */
  html.szu-fejlec-rejtve {
    --header-bar-h: 0px;
  }
  .sp-bar,
  .pg-aside,
  .wc-cart__aside,
  .wc-account .woocommerce-MyAccount-navigation,
  html.szu-uzenet-latszik .szu-uzenet {
    transition: top 0.25s ease;
  }
}
/* 600 px alatt a WP admin sáv nem ragad, a fejléc ott a képernyő tetejéhez tapad (a fejléc CSS-e szerint) */
@media screen and (max-width: 600px) {
  html.szu-fejlec-rejtve #brx-header .header-sticky {
    top: calc(0px - var(--szu-fejlec-h, 20rem) - 2rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  #brx-header .header-sticky,
  .sp-bar,
  .pg-aside,
  .wc-cart__aside,
  .wc-account .woocommerce-MyAccount-navigation,
  html.szu-uzenet-latszik .szu-uzenet {
    transition: none;
  }
}
@media print {
  html.szu-fejlec-rejtve #brx-header .header-sticky {
    top: 0;
  }
}