/* Bebas Neue (SIL Open Font License), a bővítményből kiszolgálva. */
@font-face { font-family: "Bebas Neue"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/bebas-neue-latin-ext-400-normal.woff2") format("woff2"); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Bebas Neue"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/bebas-neue-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* Menü: Bebas Neue. A háromszoros osztály azért kell, hogy a téma saját, !important szabályait felülírja. */
html body #top a.button.button.button,
html body #top a.button.button.button .button_label {
  font-family: "Bebas Neue", "Arial Narrow", Arial, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: .07em;
  text-transform: uppercase;
}
html body #top a.button.button.button { font-size: 23px !important; line-height: 1.1 !important; }

/* Rögzített fejléc. A helyét a szkript által beszúrt üres elem tartja, hogy a tartalom ne ugorjon fel. */
html.mtz-header-on #top {
  position: fixed; top: 0; left: 0; right: 0; z-index: 9990;
  background-color: #050505;
  transition: background-color .25s ease, box-shadow .25s ease;
}
html.mtz-header-on body.admin-bar #top { top: 32px; }
html.mtz-header-on #top img { transition: max-height .25s ease; max-height: 160px; width: auto; }
html.mtz-header-on #top .mcb-section-inner,
html.mtz-header-on #top .mcb-wrap-inner,
html.mtz-header-on #top .mcb-column-inner { transition: padding .25s ease, margin .25s ease; }

/* Görgetés után: alacsonyabb sáv, kisebb logó. */
html.mtz-header-on #top.mtz-stuck { background-color: rgba(5, 5, 5, .94); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: 0 6px 24px rgba(0, 0, 0, .55); }
html.mtz-header-on #top.mtz-stuck img { max-height: 58px; }
html.mtz-header-on #top { transition: background-color .25s ease, box-shadow .25s ease, padding .25s ease; }
html.mtz-header-on #top.mtz-stuck { padding-top: 4px !important; padding-bottom: 4px !important; }
html.mtz-header-on #top.mtz-stuck .mcb-section-inner { padding-top: 4px !important; padding-bottom: 4px !important; display: flex !important; align-items: center; }
html.mtz-header-on #top.mtz-stuck .mcb-wrap-inner,
html.mtz-header-on #top.mtz-stuck .mcb-column-inner { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; }
html.mtz-header-on #top.mtz-stuck a.button.button.button { font-size: 20px !important; padding-top: 8px !important; padding-bottom: 8px !important; }

/* A horgonyra ugrásnál a rögzített fejléc ne takarja ki a szakasz elejét. */
html.mtz-header-on section[id] { scroll-margin-top: 84px; }

@media (max-width: 782px) {
  html.mtz-header-on body.admin-bar #top { top: 46px; }
}
@media (max-width: 767px) {
  /* Telefonon a rögzített sáv egy sor: kis logó balra, a menü vízszintesen görgethető. */
  html.mtz-header-on #top.mtz-stuck .mcb-section-inner { display: flex !important; align-items: center; flex-wrap: nowrap; gap: 8px; padding-left: 10px !important; padding-right: 96px !important; }
  html.mtz-header-on #top.mtz-stuck .mcb-wrap { width: auto !important; flex: 0 0 auto; margin: 0 !important; }
  html.mtz-header-on #top.mtz-stuck .mcb-wrap:last-child { flex: 1 1 auto; min-width: 0; }
  html.mtz-header-on #top.mtz-stuck .mcb-wrap:last-child .mcb-wrap-inner { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  html.mtz-header-on #top.mtz-stuck .mcb-wrap:last-child .mcb-wrap-inner::-webkit-scrollbar { display: none; }
  html.mtz-header-on #top.mtz-stuck .mcb-wrap:last-child .mcb-column { width: auto !important; flex: 0 0 auto; margin: 0 !important; }
  html.mtz-header-on #top.mtz-stuck img { max-height: 44px; }
  html.mtz-header-on #top.mtz-stuck a.button.button.button { font-size: 18px !important; padding: 8px 9px !important; white-space: nowrap; }
  html.mtz-header-on section[id] { scroll-margin-top: 64px; }
}
@media (prefers-reduced-motion: reduce) {
  html.mtz-header-on #top, html.mtz-header-on #top * { transition: none !important; }
}