/* MGyÉ téma */

/* TOKENEK */

:root {
  /* Színek */
  --mgye-white:       #FFFFFF;
  --mgye-neutral-100: #EDEDED;
  --mgye-neutral-200: #D9D9D9;
  --mgye-neutral-300: #D4D4D4;
  --mgye-neutral-500: #767676;  /* AA-korrigált placeholder */
  --mgye-neutral-600: #6D6D6D;
  --mgye-neutral-650: #6A6A6A;  /* AA a neutral-100 háttéren is */
  --mgye-black:       #000000;

  --mgye-green-600: #1E7E34;  /* AA fehér szöveggel (5,14:1) */
  --mgye-green-700: #19692C;  /* hover / active */
  --mgye-red-600:   #B3231C;  /* űrlaphiba */

  --mgye-lime-200: #EFFF94;
  --mgye-lime-500: #E8FF61;   /* márkaszín */
  --mgye-lime-600: #E2FF38;   /* active / pressed */

  --mgye-alpha-black-02: rgba(0, 0, 0, .02);
  --mgye-alpha-black-05: rgba(0, 0, 0, .05);
  --mgye-alpha-black-10: rgba(0, 0, 0, .10);
  --mgye-alpha-black-50: rgba(0, 0, 0, .50);
  --mgye-alpha-glass:    rgba(159, 159, 159, .50);
  --mgye-alpha-glass-strong: rgba(159, 159, 159, .78);  /* kep folott AA */

  /* Tipográfia */
  --mgye-font-sans: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mgye-fw-regular:  400;
  --mgye-fw-medium:   500;
  --mgye-fw-semibold: 600;

  --mgye-fs-display: clamp(2rem, 1.6702rem + 1.4072vw, 3rem);
  --mgye-fs-h2:      clamp(1.375rem, 1.2513rem + 0.5277vw, 1.75rem);
  --mgye-fs-h3:      clamp(1.125rem, 1.0838rem + 0.1759vw, 1.25rem);
  --mgye-fs-body:    0.875rem;
  --mgye-fs-label:   0.75rem;

  --mgye-lh-tight: 1;
  --mgye-lh-snug: 1.15;
  --mgye-lh-normal: 1.5;
  --mgye-lh-relaxed: 1.75;
  --mgye-tracking: 0;

  /* Spacing */
  --mgye-space-5:  0.3125rem;
  --mgye-space-7:  0.4375rem;
  --mgye-space-8:  0.5rem;
  --mgye-space-10: 0.625rem;
  --mgye-space-12: 0.75rem;
  --mgye-space-14: 0.875rem;
  --mgye-space-16: 1rem;
  --mgye-space-20: 1.25rem;
  --mgye-space-40: 2.5rem;

  /* Radius */
  --mgye-radius-sm:    5px;
  --mgye-radius-md:   10px;
  --mgye-radius-lg:   15px;
  --mgye-radius-xl:   20px;
  --mgye-radius-full: 999px;

  /* Árnyék */
  --mgye-shadow-xs: 0 0 10px var(--mgye-alpha-black-02);
  --mgye-shadow-sm: 0 0 10px var(--mgye-alpha-black-05);
  --mgye-shadow-md: 0 0 13px var(--mgye-alpha-black-10);
  --mgye-blur-glass: 15px;

  /* Layout */
  --mgye-container-max: 1472px;
  --mgye-gutter: var(--mgye-space-16);

  /* Motion */
  --mgye-duration-base: 180ms;
  --mgye-ease: cubic-bezier(.2, 0, .2, 1);
  --mgye-transition: var(--mgye-duration-base) var(--mgye-ease);

  /* Szemantikus */
  --mgye-bg-page:          var(--mgye-neutral-100);
  --mgye-bg-surface:       var(--mgye-white);
  --mgye-bg-surface-glass: var(--mgye-alpha-glass);
  --mgye-bg-surface-glass-strong: var(--mgye-alpha-glass-strong);
  --mgye-text-primary:     var(--mgye-black);
  --mgye-text-secondary:   var(--mgye-neutral-650);
  --mgye-text-on-inverse:  var(--mgye-white);
  --mgye-border-subtle:    var(--mgye-neutral-100);
  --mgye-text-error:       var(--mgye-red-600);
  --mgye-bg-success:       var(--mgye-green-600);
  --mgye-bg-success-hover: var(--mgye-green-700);
  --mgye-focus-ring:       2px solid var(--mgye-black);
  --mgye-focus-offset:     2px;
}

@media (min-width: 768px) {
  :root { --mgye-gutter: var(--mgye-space-20); }
}

@media (prefers-reduced-motion: reduce) {
  :root { --mgye-duration-base: 0ms; }
}

/* ALAP */

/* .mgye-theme = a tema JELEN VAN: tipografia + fokusz. */
body.mgye-theme {
  font-family: var(--mgye-font-sans);
}

/* .mgye-redesign = a design TELJES palettaja, opt-in a lap styleClass mezojebol. */
body.mgye-redesign {
  background: var(--mgye-bg-page);
}

/* A tipografia a tartalom <span>-jen is kell. */
.mgye-redesign {
  color: var(--mgye-text-primary);
  font-size: var(--mgye-fs-body);
  font-weight: var(--mgye-fw-regular);
  line-height: var(--mgye-lh-relaxed);
  letter-spacing: var(--mgye-tracking);
}

/* Teljes lapos wrapper: a hatter kitolti a viewportot, a lablec alul marad. */
.mgye-page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.mgye-page > .mgye-main { flex: 1 0 auto; }
.mgye-page > .mgye-footer { margin-top: auto; }

/* A Bootstrap 4 .container xl-nél 1140-en megáll. */
.mgye-redesign .container,
.mgye-redesign .container-fluid {
  max-width: calc(var(--mgye-container-max) + 2 * var(--mgye-gutter));
  padding-right: var(--mgye-gutter);
  padding-left: var(--mgye-gutter);
  margin-right: auto;
  margin-left: auto;
}

/* A fejlec es a lablec a tartalom szelessegehez igazodik (a main 1rem paddingja). */
.mgye-theme .mgye-header > .container,
.mgye-theme .mgye-footer > .container {
  max-width: calc(var(--mgye-container-max) + 2 * (var(--mgye-gutter) + 1rem));
  padding-left: calc(var(--mgye-gutter) + 1rem);
  padding-right: calc(var(--mgye-gutter) + 1rem);
}

.mgye-redesign h1, .mgye-redesign h2, .mgye-redesign h3,
.mgye-redesign h4, .mgye-redesign h5, .mgye-redesign h6 {
  font-weight: var(--mgye-fw-semibold);
  color: var(--mgye-text-primary);
}

.mgye-redesign h1 { font-size: var(--mgye-fs-display); line-height: var(--mgye-lh-normal); }
.mgye-redesign h2 { font-size: var(--mgye-fs-h2);      line-height: var(--mgye-lh-normal); }
.mgye-redesign h3 { font-size: var(--mgye-fs-h3);      line-height: var(--mgye-lh-tight); }

/* Látható fókusz mindenhol. A BS4 box-shadow-s fókuszát nem használjuk. */
.mgye-theme a:focus-visible,
.mgye-theme button:focus-visible,
.mgye-theme [tabindex]:focus-visible,
.mgye-theme .btn:focus-visible,
.mgye-theme .form-control:focus-visible {
  outline: var(--mgye-focus-ring);
  outline-offset: var(--mgye-focus-offset);
  box-shadow: none;
}

/* SKIP LINK */

.mgye-skip-link {
  position: absolute;
  left: var(--mgye-space-16);
  top: var(--mgye-space-16);
  z-index: 1080;
  padding: var(--mgye-space-10) var(--mgye-space-16);
  border-radius: var(--mgye-radius-sm);
  background: var(--mgye-lime-500);
  color: var(--mgye-black);
  font-size: var(--mgye-fs-label);
  font-weight: var(--mgye-fw-medium);
  text-decoration: none;
  transform: translateY(-200%);
}

.mgye-skip-link:focus {
  transform: translateY(0);
}

/* FEJLÉC — üveg navigációs sáv */

.mgye-header {
  padding-top: var(--mgye-space-20);
  padding-bottom: var(--mgye-space-20);
  background: transparent;
}

/* A design fejléc-sora: lime logódoboz (48px) + üvegsáv (48px) egymás mellett. */
.mgye-header__inner {
  display: flex;
  /* nowrap: a logo es az uvegsav mindig egy sorban marad. */
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--mgye-space-10);
}

.mgye-header__inner .mgye-nav { flex: 1 1 auto; min-width: 0; }

/* Mobilon a harom elem nem fer ki egy sorban. */
@media (max-width: 767.98px) {
  .mgye-header__inner {
    position: relative;
    flex-wrap: wrap;
    /* Felulre igazitva: kinyitott menunel a sav lefele no, a logo marad a helyen. */
    align-items: flex-start;
  }

  /* 1. sor: SZTP logo + hamburger, 2. sor: az MGyE logo. */
  .mgye-header__inner > .mgye-nav__sztp {
    flex: 1 1 0;
    min-width: 0;
  }

  .mgye-header__inner > .mgye-nav__sztp img {
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
  }

  .mgye-header__inner > .mgye-nav__brand {
    order: 1;
    /* -26px: a logo -13px margoi ne loghassanak ki a konteneren. */
    flex: 0 0 calc(100% - 26px);
  }

  /* A sav csak a hamburgert tartja, szuk terben a SZTP logo zsugorodik. */
  .mgye-header__inner .mgye-nav {
    flex: 0 0 auto;
  }

}

.mgye-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mgye-space-10);
  min-height: 48px;
  padding: var(--mgye-space-10);
  border-radius: var(--mgye-radius-lg);
  background: var(--mgye-bg-surface-glass);
  box-shadow: var(--mgye-shadow-xs);
}

@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
  .mgye-nav {
    -webkit-backdrop-filter: blur(var(--mgye-blur-glass));
    backdrop-filter: blur(var(--mgye-blur-glass));
  }
}

/* Blur nélkül a félig átlátszó szürkén elveszne a fehér link. */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .mgye-nav { background: rgba(120, 120, 120, .88); }
}

/* Kep/video felett a fekete menuszoveg csak surubb uvegen AA (fekete kockan is 5:1). */
body.mgye-home .mgye-nav,
body.mgye-hero-1 .mgye-nav,
body.mgye-hero-2 .mgye-nav {
  background: var(--mgye-bg-surface-glass-strong);
}

/* A {slot:headerMenu} tartalmát nem ismerjük, ezért a gyakori szerkezeteket is semlegesítjük. */
.mgye-nav ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mgye-space-10);
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Menüpont = a design ghost gombja (Button-01 / Default) */
.mgye-nav a,
.mgye-nav .nav-link {
  display: inline-flex;
  align-items: center;
  gap: var(--mgye-space-10);
  padding: var(--mgye-space-7) var(--mgye-space-14);
  border-radius: var(--mgye-radius-sm);
  background: transparent;
  color: var(--mgye-text-on-inverse);
  font-size: var(--mgye-fs-label);
  font-weight: var(--mgye-fw-medium);
  line-height: var(--mgye-lh-snug);
  text-decoration: none;
  transition: background-color var(--mgye-transition), color var(--mgye-transition);
}

/* Csak valódi egérrel — érintőn a hover beragadna. */
@media (hover: hover) {
  .mgye-nav a:hover,
  .mgye-nav .nav-link:hover {
    background: var(--mgye-lime-500);
    color: var(--mgye-black);
  }
}

.mgye-nav a:active,
.mgye-nav .nav-link:active {
  background: var(--mgye-lime-600);
  color: var(--mgye-black);
}

/* Aktív menüpont — a CMS bármelyiket teheti rá, ezért többet is kezelünk. */
.mgye-nav .active > a,
.mgye-nav a.active,
.mgye-nav .nav-link.active,
.mgye-nav a[aria-current="page"] {
  background: var(--mgye-lime-500);
  color: var(--mgye-black);
}

.mgye-nav__brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  margin: -13px;
  padding: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.mgye-nav__brand img { display: block; height: 74px; width: auto; }

.mgye-nav__sztp {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.mgye-nav__sztp img { display: block; height: 48px; width: auto; }

.mgye-nav__sztp:focus-visible {
  outline: var(--mgye-focus-ring);
  outline-offset: var(--mgye-focus-offset);
  border-radius: var(--mgye-radius-sm);
}

/* Ha a logó a sávon BELÜLről jön: a 13px árnyéksáv mellé a sáv 10px paddingját is kivonjuk. */
.mgye-nav > .mgye-nav__brand {
  padding: 0;
  margin-top: -23px;
  margin-bottom: -23px;
}

/* TARTALOM */

.mgye-main {
  padding-bottom: var(--mgye-space-40);
}

/* A main.css "body main" #E6E7E8 hatteret ad, a body viszont #EDEDED. */
.mgye-redesign .mgye-main {
  background: transparent;
}

/* LÁBLÉC */

.mgye-footer {
  padding-top: var(--mgye-space-20);
  padding-bottom: var(--mgye-space-20);
  background: transparent;
}

.mgye-footer__card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mgye-space-20);
  padding: var(--mgye-space-20);
  border-radius: var(--mgye-radius-xl);
  background: var(--mgye-bg-surface);
  box-shadow: var(--mgye-shadow-xs);
}

@media (min-width: 768px) {
  .mgye-footer__card {
    gap: var(--mgye-space-40);
    padding: var(--mgye-space-40);
    justify-content: space-between;
  }
}

/* ---------- Partner logók ---------- */

.mgye-footer__partners {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mgye-space-40);
}

.mgye-partner {
  display: inline-flex;
  align-items: center;
  border-radius: var(--mgye-radius-sm);
  transition: opacity var(--mgye-transition);
}

@media (hover: hover) {
  .mgye-partner:hover { opacity: .7; }
}

/* A magasságok a designer optikai igazításai — logónként külön. */
.mgye-partner__logo { display: block; width: auto; max-width: 100%; }
.mgye-partner__logo--ngm,
.mgye-partner__logo--gem   { height: 60px; }
.mgye-partner__logo--mgfu  { height: 55px; }
.mgye-partner__logo--modem { height: 50px; }

@media (max-width: 575.98px) {
  .mgye-partner__logo--ngm,
  .mgye-partner__logo--gem   { height: 44px; }
  .mgye-partner__logo--mgfu  { height: 40px; }
  .mgye-partner__logo--modem { height: 38px; }
}

/* ---------- Jogi sáv + footer menü ---------- */

.mgye-footer__legal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mgye-space-5);
  font-size: var(--mgye-fs-body);
  line-height: var(--mgye-lh-normal);
}

.mgye-footer__copyright { color: var(--mgye-text-primary); }

.mgye-footer__menu ul {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mgye-space-20);
  margin: 0;
  padding: 0;
  list-style: none;
}

.mgye-footer__menu a {
  color: var(--mgye-text-primary);
  font-size: var(--mgye-fs-body);
  line-height: var(--mgye-lh-normal);
  text-decoration: none;
}

/* Ugyanaz a hover, mint a tobbi linken: lime hatter a szoveg alatt. */
@media (hover: hover) {
  .mgye-footer__menu a:hover {
    background: var(--mgye-lime-500);
    color: var(--mgye-black);
  }
}

/* VISSZA A TETEJÉRE */

.mgye-theme #scrollUp {
  /* a plugin fadeIn-nel inline display. */
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  right: var(--mgye-gutter);
  bottom: var(--mgye-gutter);
  border: 0;
  border-radius: var(--mgye-radius-sm);
  background: var(--mgye-lime-500);
  color: var(--mgye-black);
  box-shadow: var(--mgye-shadow-xs);
  font-size: 14px;
  transition: background-color var(--mgye-transition);
}

@media (hover: hover) {
  .mgye-theme #scrollUp:hover {
    background: var(--mgye-lime-600);
    color: var(--mgye-black);
  }
}

.mgye-theme #scrollUp:focus-visible {
  outline: var(--mgye-focus-ring);
  outline-offset: var(--mgye-focus-offset);
}

/* A {slot:headerMenu} kimenetenek ratolteztetese a designra */

/* A belso navbar valjon lathatatlan konteneree */
.mgye-nav .navbar {
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 !important;              /* px-3 kiiktatasa */
  background-color: transparent !important;  /* bg-dark kiiktatasa */
  border: 0;
}

.mgye-nav .navbar-collapse { flex-grow: 1; }

.mgye-nav .navbar-nav {
  display: flex;
  align-items: center;
  gap: var(--mgye-space-10);
  /* A slot <ul>-jan ml-auto es justify-content-center van. */
  flex: 1 1 auto;
  margin-left: 0 !important;
  margin-right: 0 !important;
  justify-content: flex-start !important;
}

.mgye-nav .nav-item { display: flex; }

/* Menupont = a design ghost gombja (Button-01 / Default). */
.mgye-nav .nav-link {
  display: inline-flex;
  align-items: center;
  gap: var(--mgye-space-8);
  padding: var(--mgye-space-7) var(--mgye-space-14) !important;
  border-radius: var(--mgye-radius-sm);
  color: var(--mgye-text-on-inverse);
  font-family: var(--mgye-font-sans);
  font-size: var(--mgye-fs-label);
  font-weight: var(--mgye-fw-medium);
  line-height: var(--mgye-lh-snug);
  letter-spacing: var(--mgye-tracking);
  text-transform: none;               /* a legacy CSS nagybetusiti */
  text-decoration: none;
  white-space: nowrap;
  transition: background-color var(--mgye-transition), color var(--mgye-transition);
}

@media (hover: hover) {
  .mgye-nav .nav-link:hover {
    background: var(--mgye-lime-500);
    color: var(--mgye-black);
  }
}

.mgye-nav .nav-link:active { background: var(--mgye-lime-600); color: var(--mgye-black); }

.mgye-nav .nav-link.active,
.mgye-nav .nav-item.active > .nav-link {
  background: var(--mgye-lime-500);
  color: var(--mgye-black);
}

/* Az ikonok (fa) igazodjanak a labelhez */
.mgye-nav .nav-link .fa { font-size: 1em; line-height: 1; }

/* Dropdown (Archivum) = a design Button-dropdown Active panelje. */
.mgye-nav .dropdown-toggle::after { margin-left: var(--mgye-space-5); }

.mgye-nav .dropdown-menu {
  margin-top: var(--mgye-space-8);
  padding: var(--mgye-space-7) var(--mgye-space-14);
  border: 0;
  border-radius: var(--mgye-radius-sm);
  background: var(--mgye-bg-surface);
  box-shadow: var(--mgye-shadow-sm);
}

.mgye-nav .dropdown-item {
  padding: var(--mgye-space-7) var(--mgye-space-10);
  border-radius: var(--mgye-radius-sm);
  color: var(--mgye-text-primary);
  font-size: var(--mgye-fs-label);
  font-weight: var(--mgye-fw-medium);
  line-height: var(--mgye-lh-snug);
}

@media (hover: hover) {
  .mgye-nav .dropdown-item:hover {
    background: var(--mgye-lime-500);
    color: var(--mgye-black);
  }
}

.mgye-nav .dropdown-divider { margin: var(--mgye-space-5) 0; border-top-color: var(--mgye-border-subtle); }

/* Hamburger a design szineivel */
.mgye-nav .navbar-toggler {
  padding: var(--mgye-space-7);
  border: 0;
  border-radius: var(--mgye-radius-sm);
  color: var(--mgye-text-on-inverse);
}

@media (hover: hover) {
  .mgye-nav .navbar-toggler:hover { background: var(--mgye-lime-500); color: var(--mgye-black); }
}

/* A slot esetleges sajat sticky wrappere ne dupla-stickyzzen a .mgye-header alatt */
.mgye-nav .sticky-top { position: static; }

/* Specificitas-korrekcio + vilagos hatteru nav */

.mgye-nav #headerMenu a,
.mgye-nav #headerMenu button,
.mgye-nav #headerMenu2 a,
.mgye-nav #headerMenu2 button,
.mgye-nav #headerMenu .nav-link,
.mgye-nav #headerMenu2 .nav-link {
  color: var(--mgye-text-primary);
  font-family: var(--mgye-font-sans);
  font-size: var(--mgye-fs-label);
  font-weight: var(--mgye-fw-medium);
  line-height: var(--mgye-lh-snug);
  letter-spacing: var(--mgye-tracking);
  text-transform: none;
  text-decoration: none;
}

@media (hover: hover) {
  .mgye-nav #headerMenu a:hover,
  .mgye-nav #headerMenu button:hover,
  .mgye-nav #headerMenu2 a:hover,
  .mgye-nav #headerMenu2 button:hover {
    background: var(--mgye-lime-500);
    color: var(--mgye-black);
  }
}

.mgye-nav #headerMenu a.active,
.mgye-nav #headerMenu .nav-item.active > a,
.mgye-nav #headerMenu2 a.active {
  background: var(--mgye-lime-500);
  color: var(--mgye-black);
}

/* Sotet hatter (hero-kep) fole: a Figma szerinti feher szoveg */
.mgye-nav--on-dark #headerMenu a,
.mgye-nav--on-dark #headerMenu button,
.mgye-nav--on-dark #headerMenu2 a,
.mgye-nav--on-dark #headerMenu2 button {
  color: var(--mgye-text-on-inverse);
}

/* A dropdown panel feher, ott mindig fekete a szoveg */
.mgye-nav #headerMenu .dropdown-menu a,
.mgye-nav #headerMenu .dropdown-item {
  color: var(--mgye-text-primary);
  text-transform: none;
}

/* Logódoboz és CTA a slot kimenete mellett */

.mgye-nav > form { flex: 1 1 auto; min-width: 0; margin: 0; }

/* Lenyilo menu (Archivum) a design szerint */

.mgye-nav #headerMenu .dropdown-menu,
.mgye-nav #headerMenu2 .dropdown-menu {
  padding: var(--mgye-space-7) var(--mgye-space-14);
  border: 0;
  border-radius: var(--mgye-radius-sm);
  background-color: var(--mgye-bg-surface);
  box-shadow: var(--mgye-shadow-sm);
  /* a main.css 0.5s-os background-atmenete a panelen zavaro. */
  transition: none;
}

/* Csak nyitott allapotban valtunk flex-re, kulonben feluliriuk a Bootstrap display. */
.mgye-nav #headerMenu .dropdown-menu.show,
.mgye-nav #headerMenu2 .dropdown-menu.show {
  display: flex;
  flex-direction: column;
  gap: var(--mgye-space-10);
}

/* Az opciok kulon dobozok (design: Button-01 / Default-solid_gray) */
.mgye-nav #headerMenu .dropdown-menu a,
.mgye-nav #headerMenu2 .dropdown-menu a {
  display: block;
  margin: 0;
  padding: var(--mgye-space-7) var(--mgye-space-14);
  border-radius: var(--mgye-radius-sm);
  background-color: var(--mgye-neutral-100);
  color: var(--mgye-text-primary);
  font-family: var(--mgye-font-sans);
  font-size: var(--mgye-fs-label);
  font-weight: var(--mgye-fw-medium);
  line-height: var(--mgye-lh-snug);
  text-align: left;
  text-transform: none;
  text-decoration: none;
  transition: background-color var(--mgye-transition), color var(--mgye-transition);
}

/* Hover: lime hatter + FEKETE szoveg. */
@media (hover: hover) {
  .mgye-nav #headerMenu .dropdown-menu a:hover,
  .mgye-nav #headerMenu2 .dropdown-menu a:hover {
    background-color: var(--mgye-lime-500);
    color: var(--mgye-black) !important;
  }
}

.mgye-nav #headerMenu .dropdown-menu a:active,
.mgye-nav #headerMenu2 .dropdown-menu a:active {
  background-color: var(--mgye-lime-600);
  color: var(--mgye-black) !important;
}

/* Aktualis menupont a panelben */
.mgye-nav #headerMenu .dropdown-menu a.active,
.mgye-nav #headerMenu2 .dropdown-menu a.active {
  background-color: var(--mgye-lime-500);
  color: var(--mgye-black) !important;
}

/* Fuggoleges kozepre igazitas a fejlecben */

.mgye-nav .navbar-nav,
.mgye-nav ul {
  align-items: center !important;
}

.mgye-nav #headerMenu a,
.mgye-nav #headerMenu button,
.mgye-nav #headerMenu2 a,
.mgye-nav #headerMenu2 button {
  display: inline-flex;
  align-items: center;
  gap: var(--mgye-space-8);
}

/* A partner-logok kozepre igazitasa. */
.mgye-nav .fa {
  vertical-align: middle;
  font-size: 1em;
  line-height: 1;
}

/* A sav jobb szelen allo elem */

.mgye-nav #headerMenu .navbar-nav > li:last-child { margin-left: auto; }

.mgye-nav #headerMenu .navbar-nav > li:last-child > a {
  background: var(--mgye-white);
  color: var(--mgye-black);
}

@media (hover: hover) {
  .mgye-nav #headerMenu .navbar-nav > li:last-child > a:hover {
    background: var(--mgye-lime-500);
    color: var(--mgye-black);
  }
}

/* Sticky fejlec: nincs arnyek */

.mgye-theme .mgye-header.sticky-top,
.mgye-theme .mgye-header.sticky-top.sticked {
  box-shadow: none;
  transition: none;
}

/* EGY SOROS MENUSAV - ALATTA HAMBURGER */

/* A main.css-ben "#headerMenu ul { flex-wrap. */
.mgye-nav,
.mgye-nav #headerMenu ul,
.mgye-nav #headerMenu2 ul,
.mgye-nav #headerMenu .navbar-nav,
.mgye-nav #headerMenu2 .navbar-nav {
  flex-wrap: nowrap;
}

/* 1400px alatt: hamburger (expand-xxl emulacio) */

@media (max-width: 1399.98px) {
  /* expand-xxl emulacio: a menu csukva, a hamburger latszik */
  .mgye-nav .navbar-collapse {
    display: none !important;
  }

  .mgye-nav .navbar-collapse.show,
  .mgye-nav .navbar-collapse.collapsing {
    display: block !important;
  }

  .mgye-nav .navbar-toggler,
  .mgye-header__inner .navbar-toggler {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    width: 44px !important;
    height: 28px;
    border: 0 !important;
    border-radius: var(--mgye-radius-sm);
    background-color: transparent;
    box-shadow: none;
  }

  .mgye-nav .navbar-toggler:focus-visible {
    outline: var(--mgye-focus-ring);
    outline-offset: var(--mgye-focus-offset);
  }

  /* Sotet ikon a vilagos savon */
  .mgye-nav .navbar-toggler-icon,
  .mgye-header__inner .navbar-toggler-icon {
    width: 22px;
    height: 22px;
    background-image: url("../images/burger-menu.svg");
    background-size: contain;
  }

  /* A nyitasi animacio alatt is ugyanez az elrendezes kell (.collapsing). */
  /* A kinyitott panel fuggoleges lista, a savon KIVUL, alatta */
  .mgye-nav .navbar-collapse:is(.show, .collapsing) {
    flex-basis: 100%;
    order: 10;
  }

  .mgye-nav #headerMenu.navbar-collapse:is(.show, .collapsing) .navbar-nav,
  .mgye-nav #headerMenu2.navbar-collapse:is(.show, .collapsing) .navbar-nav {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch !important;
    width: 100%;
    gap: var(--mgye-space-5);
    margin: var(--mgye-space-10) 0 0 0 !important;
  }

  /* Osszecsukott panelben a sav vegi elem ne legyen jobbra tolva */
  .mgye-nav .navbar-collapse:is(.show, .collapsing) .navbar-nav > li:last-child {
    margin-left: 0;
  }

  /* A savnak a kinyitott panel miatt nonie kell */
  .mgye-nav:has(.navbar-collapse:is(.show, .collapsing)) {
    flex-wrap: wrap;
    height: auto;
  }

  /* A .mgye-nav .nav-item flex-sor. */
  .mgye-nav .navbar-collapse:is(.show, .collapsing) .navbar-nav > li {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  /* A legordulo alapbol abszolut pozicioju, ezert a fuggoleges panelben az ikonos */
  .mgye-nav #headerMenu.navbar-collapse:is(.show, .collapsing) .dropdown-menu,
  .mgye-nav #headerMenu2.navbar-collapse:is(.show, .collapsing) .dropdown-menu {
    position: static;
    float: none;
    width: 100%;
    margin: var(--mgye-space-5) 0 0;
    box-shadow: none;
  }

  /* A savban azert csak ikon a felhasznalo-menu, hogy elferjen. */
  .mgye-nav #headerMenu.navbar-collapse:is(.show, .collapsing) .nav-link:has(> .fa-user-circle-o) > span,
  .mgye-nav #headerMenu2.navbar-collapse:is(.show, .collapsing) .nav-link:has(> .fa-user-circle-o) > span {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip-path: none;
  }

  .mgye-nav #headerMenu.navbar-collapse:is(.show, .collapsing) .nav-link:has(> .fa-user-circle-o),
  .mgye-nav #headerMenu2.navbar-collapse:is(.show, .collapsing) .nav-link:has(> .fa-user-circle-o) {
    gap: var(--mgye-space-10);
  }
}

/* Telefonon nincs uvegsav: maga a hamburger az uveg gomb. */

@media (max-width: 767.98px) {
  /* .mgye-theme kell ele, hogy a hero-lapok surubb uveget is felulirja. */
  .mgye-theme .mgye-header__inner .mgye-nav {
    min-height: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .mgye-nav .navbar-toggler,
  .mgye-header__inner .navbar-toggler {
    flex: 0 0 auto;
    width: 48px !important;
    height: 48px;
    border-radius: var(--mgye-radius-lg);
    background: var(--mgye-bg-surface-glass-strong);
    box-shadow: var(--mgye-shadow-xs);
    -webkit-backdrop-filter: blur(var(--mgye-blur-glass));
    backdrop-filter: blur(var(--mgye-blur-glass));
  }

  /* A .navbar Bootstrap-bol position: relative, ez elrontana a panel helyet. */
  .mgye-nav .navbar {
    position: static;
  }

  /* A kinyitott menu a fejlec alatt lebeg, igy nem tol el semmit. */
  .mgye-nav .navbar-collapse:is(.show, .collapsing) {
    position: absolute;
    top: calc(100% + var(--mgye-space-10));
    left: 0;
    right: 0;
    padding: var(--mgye-space-10);
    border-radius: var(--mgye-radius-lg);
    background: var(--mgye-bg-surface-glass-strong);
    box-shadow: var(--mgye-shadow-xs);
    -webkit-backdrop-filter: blur(var(--mgye-blur-glass));
    backdrop-filter: blur(var(--mgye-blur-glass));
  }

  .mgye-nav #headerMenu.navbar-collapse:is(.show, .collapsing) .navbar-nav,
  .mgye-nav #headerMenu2.navbar-collapse:is(.show, .collapsing) .navbar-nav {
    margin: 0 !important;
  }

  /* Blur nelkul a felig atlatszo szurken elveszne a feher link. */
  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .mgye-nav .navbar-toggler,
    .mgye-nav .navbar-collapse:is(.show, .collapsing) {
      background: rgba(120, 120, 120, .88);
    }
  }
}

/* A felhasznalo-buborek MINDIG csak ikon */

.mgye-nav #headerMenu .nav-link:has(> .fa-user-circle-o) > span,
.mgye-nav #headerMenu2 .nav-link:has(> .fa-user-circle-o) > span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.mgye-nav #headerMenu .nav-link:has(> .fa-user-circle-o),
.mgye-nav #headerMenu2 .nav-link:has(> .fa-user-circle-o) {
  gap: 0;
}

.mgye-nav #headerMenu .nav-link:has(> .fa-user-circle-o) > .fa.mr-1,
.mgye-nav #headerMenu2 .nav-link:has(> .fa-user-circle-o) > .fa.mr-1 {
  margin-right: 0 !important;
}

/* Szukebb terkoz a menupontok kozott - MINDEN meretben */

.mgye-nav {
  gap: var(--mgye-space-5);
}

.mgye-nav #headerMenu .navbar-nav,
.mgye-nav #headerMenu2 .navbar-nav {
  gap: var(--mgye-space-5);
}

.mgye-nav #headerMenu a,
.mgye-nav #headerMenu button,
.mgye-nav #headerMenu2 a,
.mgye-nav #headerMenu2 button {
  padding-left: var(--mgye-space-10) !important;
  padding-right: var(--mgye-space-10) !important;
}

/* A Bootstrap .btn-success zoldjen a feher szoveg 3,13:1 - sotetebb zold kell. */

.mgye-theme .btn-success {
  background-color: var(--mgye-bg-success);
  border-color: var(--mgye-bg-success);
}

@media (hover: hover) {
  .mgye-theme .btn-success:hover {
    background-color: var(--mgye-bg-success-hover);
    border-color: var(--mgye-bg-success-hover);
  }
}

.mgye-theme .btn-success:active,
.mgye-theme .btn-success.active {
  background-color: var(--mgye-bg-success-hover);
  border-color: var(--mgye-bg-success-hover);
}

/* A nova-dark dialogus cime #4a4949 a #222 savon: 1,77:1. */

.mgye-theme .ui-dialog-titlebar .ui-dialog-title,
.mgye-theme .ui-dialog-titlebar .ui-dialog-titlebar-icon {
  color: var(--mgye-text-on-inverse);
}

/* CMS szerkeszto gombsav (Mentes / Megse ...) */

.mgye-nav:has(.buttonRow),
.mgye-nav:has(.ui-messages:not(:empty)) {
  flex-direction: column;
  align-items: stretch;
  gap: var(--mgye-space-10);
  min-height: 0;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* Az uveg sav a MENUT tartalmazo formra kerul */
.mgye-nav:has(.buttonRow) > form:has(.navbar),
.mgye-nav:has(.ui-messages:not(:empty)) > form:has(.navbar) {
  /* A gombsav a nav sav alatt, sajat retegben. */
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: var(--mgye-space-10);
  border-radius: var(--mgye-radius-lg);
  background: var(--mgye-bg-surface-glass);
  box-shadow: var(--mgye-shadow-xs);
}

@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
  .mgye-nav:has(.buttonRow) > form:has(.navbar),
  .mgye-nav:has(.ui-messages:not(:empty)) > form:has(.navbar) {
    -webkit-backdrop-filter: blur(var(--mgye-blur-glass));
    backdrop-filter: blur(var(--mgye-blur-glass));
  }
}

/* A gombokat tartalmazo form maga csak konteneer */
.mgye-nav > form:has(.buttonRow),
.mgye-nav > form:has(.ui-messages) {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: var(--mgye-space-10);
  margin: 0;
}

/* A gombsav ugyanolyan uveg sav, csak a menu alatt. */
.mgye-nav .buttonRow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--mgye-space-10);
  min-height: 48px;
  padding: var(--mgye-space-10) !important;
  border-radius: var(--mgye-radius-lg);
  background-color: var(--mgye-bg-surface-glass) !important;
  box-shadow: var(--mgye-shadow-xs);
  text-align: left !important;
}

@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
  .mgye-nav .buttonRow {
    -webkit-backdrop-filter: blur(var(--mgye-blur-glass));
    backdrop-filter: blur(var(--mgye-blur-glass));
  }
}

/* A gombok ugy nezzenek ki, mint a nav menupontok. */
.mgye-nav .buttonRow.bg-dark .ui-button,
.mgye-nav .buttonRow .ui-button {
  display: inline-flex;
  align-items: center;
  gap: var(--mgye-space-8);
  margin: 0;
  padding: var(--mgye-space-7) var(--mgye-space-10);
  border: 0;
  border-radius: var(--mgye-radius-sm);
  background: transparent;
  background-image: none;
  color: var(--mgye-text-primary);
  font-family: var(--mgye-font-sans);
  font-size: var(--mgye-fs-label);
  font-weight: var(--mgye-fw-medium);
  line-height: var(--mgye-lh-snug);
  text-transform: none;
  box-shadow: none;
  transition: background-color var(--mgye-transition), color var(--mgye-transition);
}

.mgye-nav .buttonRow.bg-dark .ui-button .ui-button-text,
.mgye-nav .buttonRow .ui-button .ui-button-text {
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.mgye-nav .buttonRow.bg-dark .ui-button .ui-button-icon-left,
.mgye-nav .buttonRow .ui-button .ui-button-icon-left {
  position: static;
  margin: 0;
  font-size: 1em;
  line-height: 1;
}

@media (hover: hover) {
  .mgye-nav .buttonRow.bg-dark .ui-button:hover,
  .mgye-nav .buttonRow .ui-button:hover {
    background: var(--mgye-lime-500);
    color: var(--mgye-black);
  }
}

.mgye-nav .buttonRow.bg-dark .ui-button:active,
.mgye-nav .buttonRow .ui-button:active {
  background: var(--mgye-lime-600);
  color: var(--mgye-black);
}

/* Az elsodleges muvelet (Mentes) kiemelve, mint az aktiv menupont */
.mgye-nav .buttonRow.bg-dark .ui-button.ui-priority-primary,
.mgye-nav .buttonRow .ui-button.ui-priority-primary {
  background: var(--mgye-lime-500);
  color: var(--mgye-black);
}

.mgye-nav .buttonRow .ui-button:focus-visible {
  outline: var(--mgye-focus-ring);
  outline-offset: var(--mgye-focus-offset);
  box-shadow: none;
}

/* UZENETSAV (p:messages) - a gombsav ALATT, harmadik lekerekitett savban */

.mgye-nav .ui-messages {
  margin: 0;
}

.mgye-nav .ui-messages:empty {
  display: none;
}

.mgye-nav .ui-messages > div {
  display: flex;
  align-items: center;
  gap: var(--mgye-space-10);
  min-height: 48px;
  margin: 0;
  padding: var(--mgye-space-10) var(--mgye-space-12);
  border: 0;
  border-radius: var(--mgye-radius-lg);
  box-shadow: var(--mgye-shadow-xs);
  font-family: var(--mgye-font-sans);
  font-size: var(--mgye-fs-label);
}

.mgye-nav .ui-messages > div > ul {
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mgye-nav .ui-messages > div > ul > li {
  margin: 0;
}

.mgye-nav .ui-messages > div > span[class$="-icon"] {
  flex: 0 0 auto;
}

/* A bezaro X a PF-temaban float. */
.mgye-nav .ui-messages .ui-messages-close {
  order: 3;
  flex: 0 0 auto;
  float: none;
  margin: 0 0 0 auto;
  color: inherit;
}

.mgye-nav .ui-messages .ui-messages-close:focus-visible {
  outline: var(--mgye-focus-ring);
  outline-offset: var(--mgye-focus-offset);
  border-radius: var(--mgye-radius-sm);
}

/* ADMIN OLDALSAV */

.mgye-theme .sidebar-outer {
  background-color: transparent !important;
}

.mgye-theme .sidebar {
  display: flex;
  flex-direction: column;
  gap: var(--mgye-space-5);
  max-height: calc(100vh - (48px + 2 * var(--mgye-space-20)));
  padding: var(--mgye-space-10);
  border-bottom: none;
  border-radius: var(--mgye-radius-lg);
  background-color: var(--mgye-bg-surface-glass) !important;
  box-shadow: var(--mgye-shadow-xs);
  overflow-y: auto;
}

@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
  .mgye-theme .sidebar {
    -webkit-backdrop-filter: blur(var(--mgye-blur-glass));
    backdrop-filter: blur(var(--mgye-blur-glass));
  }
}

.mgye-theme .sidebar a.nav-link {
  display: flex;
  align-items: center;
  gap: var(--mgye-space-10);
  padding: var(--mgye-space-7) var(--mgye-space-14);
  border-radius: var(--mgye-radius-sm);
  background: transparent;
  color: var(--mgye-text-primary);
  font-size: var(--mgye-fs-label);
  font-weight: var(--mgye-fw-medium);
  line-height: var(--mgye-lh-snug);
  text-decoration: none;
  transition: background-color var(--mgye-transition), color var(--mgye-transition);
}

/* A markupban fa-2x van, ami a 12px-es feliraton 24px - a savban tul dominans. */
.mgye-theme .sidebar a.nav-link .fa {
  font-size: 18px;
  line-height: 1;
}

@media (hover: hover) {
  .mgye-theme .sidebar a.nav-link:hover {
    background: var(--mgye-lime-500);
    color: var(--mgye-black);
  }
}

.mgye-theme .sidebar a.nav-link.active {
  background: var(--mgye-lime-500);
  color: var(--mgye-black);
}

.mgye-theme .sidebar a.nav-link:focus-visible {
  outline: var(--mgye-focus-ring);
  outline-offset: calc(-1 * var(--mgye-space-5));
}

/* TARTALOM-KARTYA */

.mgye-redesign .mgye-main .page {
  padding: var(--mgye-space-20);
  border-radius: var(--mgye-radius-xl);
  background: var(--mgye-bg-surface);
  box-shadow: var(--mgye-shadow-xs);
}

@media (min-width: 768px) {
  .mgye-redesign .mgye-main .page { padding: var(--mgye-space-40); }
}

.mgye-redesign .mgye-main .page > .container {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

/* A main.css "body main a" bootstrap-keket ad. */
.mgye-redesign .mgye-main .page a {
  color: var(--mgye-text-primary);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.mgye-redesign .breadcrumb a {
  color: var(--mgye-text-primary);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

/* Az aktualis lap neve a breadcrumb vegen: lime pirula, mint a nav aktiv eleme. */
.mgye-redesign .breadcrumb .breadcrumb-current {
  display: inline-block;
  padding: 0 var(--mgye-space-5);
  border-radius: var(--mgye-radius-sm);
  background: var(--mgye-lime-500);
  color: var(--mgye-black);
}

/* A "&gt;" valaszto a blog.css-bol #4A4949 volt. */
.mgye-redesign .breadcrumb,
.mgye-redesign .breadcrumb .navigation {
  color: var(--mgye-text-primary);
}

@media (hover: hover) {
  .mgye-redesign .breadcrumb a:hover {
    background: var(--mgye-lime-500);
    color: var(--mgye-black);
  }
}

@media (hover: hover) {
  .mgye-redesign .mgye-main .page a:hover {
    background: var(--mgye-lime-500);
    color: var(--mgye-black);
  }

  /* Kepet tartalmazo linkre nem festunk lime hatteret. */
  .mgye-redesign .mgye-main a:has(img):hover,
  .mgye-redesign .mgye-main .page a:has(img):hover {
    background: transparent;
  }
}

.mgye-redesign .mgye-main .page a:focus-visible {
  outline: var(--mgye-focus-ring);
  outline-offset: var(--mgye-focus-offset);
}

/* A cms.css .contentAreaTitle-je Light 300, kozepre zart es nagybetus. */
.mgye-redesign .contentAreaTitle {
  text-align: left;
}

.mgye-redesign .contentAreaTitle,
.mgye-redesign .contentAreaTitle span {
  text-transform: none;
  font-weight: var(--mgye-fw-semibold);
}

/* URLAP-KARTYA (regisztracio, bejelentkezes) - .loginPanel */

.mgye-redesign .loginPanel {
  max-width: 768px;
  padding: var(--mgye-space-20);
  border: 0;
  /* a main.css body .ui-panel-je !important-tal nullaz */
  border-radius: var(--mgye-radius-md) !important;
  background: var(--mgye-bg-surface);
  box-shadow: var(--mgye-shadow-xs);
}

/* A designban nincs sotet cimsav: a fejlec a kartya cime */
.mgye-redesign .loginPanel .ui-panel-titlebar {
  margin: 0 0 var(--mgye-space-20);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--mgye-text-primary);
  font-size: var(--mgye-fs-h2);
  font-weight: var(--mgye-fw-semibold);
  line-height: var(--mgye-lh-snug);
  text-transform: none;
}

.mgye-redesign .loginPanel .ui-panel-content,
.mgye-redesign .loginPanel .ui-panel-footer {
  padding: 0;
  border: 0;
  background: transparent;
}

.mgye-redesign .loginPanel .ui-panel-footer {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mgye-space-10);
  margin-top: var(--mgye-space-20);
}

/* --- mezok --- */
.mgye-redesign .loginPanel .form-control,
.mgye-redesign .loginPanel .ui-inputfield,
.mgye-redesign .loginPanel select {
  height: auto;
  padding: var(--mgye-space-10) var(--mgye-space-12);
  border: 1px solid var(--mgye-border-subtle);
  border-radius: var(--mgye-radius-sm);
  background: var(--mgye-bg-surface);
  color: var(--mgye-text-primary);
  font-family: var(--mgye-font-sans);
  font-size: var(--mgye-fs-body);
  font-weight: var(--mgye-fw-regular);
  line-height: var(--mgye-lh-snug);
  box-shadow: none;
}

.mgye-redesign .loginPanel .form-control::placeholder,
.mgye-redesign .loginPanel .ui-inputfield::placeholder {
  color: var(--mgye-neutral-500);
  opacity: 1;
}

/* A nativ select magassagat a line-height nem szabalyozza. */
.mgye-redesign .loginPanel select.form-control {
  line-height: var(--mgye-lh-snug);
  height: calc(var(--mgye-fs-body) * var(--mgye-lh-snug) + 2 * var(--mgye-space-10) + 2px);
}

/* Fokusz: nincs kulonallo fekete gyuru. */
.mgye-redesign .loginPanel .form-control:focus,
.mgye-redesign .loginPanel .form-control:focus-visible,
.mgye-redesign .loginPanel .ui-inputfield:focus,
.mgye-redesign .loginPanel .ui-inputfield:focus-visible,
.mgye-redesign .loginPanel select:focus,
.mgye-redesign .loginPanel select:focus-visible {
  border-color: var(--mgye-black);
  outline: var(--mgye-focus-ring);
  outline-offset: var(--mgye-focus-offset);
  box-shadow: none;
}

/* A "Regisztracio tipusa" nem input, hanem egy .form-control span */
.mgye-redesign .loginPanel span.form-control {
  border-color: transparent;
  padding-left: 0;
  color: var(--mgye-text-secondary);
}

/* --- label --- */
.mgye-redesign .loginPanel label.ui-outputlabel,
.mgye-redesign .loginPanel label {
  display: block;
  margin: 0 0 var(--mgye-space-10);
  color: var(--mgye-text-primary);
  font-size: var(--mgye-fs-label);
  font-weight: var(--mgye-fw-medium);
  line-height: var(--mgye-lh-snug);
}

.mgye-redesign .loginPanel .ui-outputlabel-rfi {
  color: var(--mgye-text-secondary);
}

/* --- mezok kozotti terkoz --- */
.mgye-redesign .loginPanel .form-group {
  margin-bottom: var(--mgye-space-20);
}

/* --- checkbox: a PF a valodi inputot elrejti, a .ui-chkbox-box latszik --- */
.mgye-redesign .loginPanel .ui-chkbox-box {
  width: 20px;
  height: 20px;
  border: 1px solid var(--mgye-border-subtle);
  border-radius: var(--mgye-radius-sm);
  background: var(--mgye-bg-surface);
  box-shadow: none;
}

.mgye-redesign .loginPanel .ui-chkbox-box.ui-state-active {
  border-color: var(--mgye-lime-500);
  background: var(--mgye-lime-500);
}

.mgye-redesign .loginPanel .ui-chkbox-box .ui-chkbox-icon {
  color: var(--mgye-black);
}

.mgye-redesign .loginPanel .ui-chkbox-box.ui-state-focus {
  outline: var(--mgye-focus-ring);
  outline-offset: var(--mgye-focus-offset);
}

/* --- gombok: az elsodleges a submit --- */
.mgye-redesign .loginPanel .ui-button.ui-state-default {
  display: inline-flex;
  align-items: center;
  gap: var(--mgye-space-8);
  padding: var(--mgye-space-10) var(--mgye-space-16);
  border: 1px solid var(--mgye-border-subtle);
  border-radius: var(--mgye-radius-sm);
  background: var(--mgye-bg-surface);
  color: var(--mgye-text-primary);
  font-family: var(--mgye-font-sans);
  font-size: var(--mgye-fs-body);
  font-weight: var(--mgye-fw-medium);
  line-height: var(--mgye-lh-snug);
  text-transform: none;
  box-shadow: none;
  transition: background-color var(--mgye-transition), color var(--mgye-transition);
}

.mgye-redesign .loginPanel .ui-button[type="submit"] {
  border-color: var(--mgye-lime-500);
  background: var(--mgye-lime-500);
  color: var(--mgye-black);
}

.mgye-redesign .loginPanel .ui-button .ui-button-text {
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.mgye-redesign .loginPanel .ui-button .ui-button-icon-left {
  position: static;
  margin: 0;
  font-size: 1em;
  line-height: 1;
}

@media (hover: hover) {
  .mgye-redesign .loginPanel .ui-button.ui-state-default:hover {
    background: var(--mgye-lime-500);
    color: var(--mgye-black);
    border-color: var(--mgye-lime-500);
  }
}

.mgye-redesign .loginPanel .ui-button:focus-visible {
  outline: var(--mgye-focus-ring);
  outline-offset: var(--mgye-focus-offset);
}

/* --- validacios uzenetek --- */
.mgye-redesign .loginPanel .ui-message {
  display: block;
  margin-top: var(--mgye-space-5);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--mgye-text-error);
  font-size: var(--mgye-fs-label);
  line-height: var(--mgye-lh-snug);
}

/* A CMS tartalom-kartyajan belul az urlap ne legyen kulon kartya */
.mgye-redesign .page .loginPanel {
  padding: 0;
  border-radius: 0 !important;
  background: transparent;
  box-shadow: none;
}

/* A bejelentkezesnel a markup a labelt a mezo MELLE teszi (col-sm-4 + col-sm-8). */
.mgye-redesign .loginPanel .row.form-group > [class*="col-"] {
  flex: 0 0 100%;
  max-width: 100%;
}

/* Linkek az urlapon (Regisztracio, Elfelejtett jelszo) */
.mgye-redesign .loginPanel a {
  color: var(--mgye-text-primary);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

@media (hover: hover) {
  .mgye-redesign .loginPanel a:hover {
    background: var(--mgye-lime-500);
    color: var(--mgye-black);
  }
}

/* HATTERKEP (bejelentkezes, regisztracio) */

/* A nav sav lejjebb kerul, mint a kep felso ele. */
body.mgye-hero-1,
body.mgye-hero-2 {
  --mgye-hero-nav-offset: var(--mgye-space-40);
}

body.mgye-hero-1 .mgye-header,
body.mgye-hero-2 .mgye-header {
  padding-top: var(--mgye-hero-nav-offset);
}

body.mgye-hero-1 .mgye-main,
body.mgye-hero-2 .mgye-main {
  position: relative;
  /* a main.css "body main" overflow-x. */
  overflow: visible;
}

body.mgye-hero-1 .mgye-main::before,
body.mgye-hero-2 .mgye-main::before {
  content: "";
  position: absolute;
  /* A fejlec: hero-offset + 48 nav + 20 padding. */
  top: calc(-1 * (48px + var(--mgye-hero-nav-offset)));
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(100% - 2 * (var(--mgye-gutter) + 1rem), var(--mgye-container-max));
  z-index: -1;
  border-radius: var(--mgye-radius-xl);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
}

body.mgye-hero-1 .mgye-main::before { background-image: url("../images/factory.jpg"); }
body.mgye-hero-2 .mgye-main::before { background-image: url("../images/factory2.jpg"); }

/* Mobilon a fejlec ket sorra bomlik, es nem lóghat a kepre. */
@media (max-width: 767.98px) {
  body.mgye-hero-1 .mgye-main::before,
  body.mgye-hero-2 .mgye-main::before {
    top: 0;
  }
}

/* Hero lapokon a CMS tartalom-kartyaja atlatszo. */
/* .mgye-plain: kartya nelkuli lap - a fehér elemek. */
body.mgye-plain .mgye-main .page,
body.mgye-hero-1 .mgye-main .page,
body.mgye-hero-2 .mgye-main .page {
  /* a padding marad: az adja a cim behuzasat a kep szelehez kepest */
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.mgye-hero-1 .page .loginPanel,
body.mgye-hero-2 .page .loginPanel {
  padding: var(--mgye-space-20);
  border-radius: var(--mgye-radius-md) !important;
  background: var(--mgye-bg-surface);
  box-shadow: var(--mgye-shadow-xs);
}

/* DOKUMENTUM LETOLTES-GOMB */

.mgye-redesign .mgye-docs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--mgye-space-10);
}

.mgye-redesign .mgye-main .page .mgye-doc {
  display: inline-flex;
  align-items: center;
  gap: var(--mgye-space-10);
  min-height: 40px;
  padding: var(--mgye-space-12) var(--mgye-space-16);
  border-radius: var(--mgye-radius-sm);
  background: var(--mgye-neutral-100);
  color: var(--mgye-text-primary);
  font-size: var(--mgye-fs-body);
  font-weight: var(--mgye-fw-medium);
  line-height: var(--mgye-lh-snug);
  text-decoration: none;
}

.mgye-redesign .mgye-main .page .mgye-doc::after {
  content: "\f019 ";
  flex: 0 0 auto;
  width: 14px;
  font-family: FontAwesome;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
}

@media (hover: hover) {
  .mgye-redesign .mgye-main .page .mgye-doc:hover {
    background: var(--mgye-lime-500);
    color: var(--mgye-black);
  }
}

.mgye-redesign .mgye-main .page .mgye-doc:focus-visible {
  outline: var(--mgye-focus-ring);
  outline-offset: var(--mgye-focus-offset);
}

/* Az /export gombjai ugyanezt a pirulat hasznaljak. */
.mgye-redesign .mgye-main .page button.mgye-doc {
  border: none;
  box-shadow: none;
  font-family: var(--mgye-font-sans);
  text-transform: none;
  cursor: pointer;
}

.mgye-redesign .mgye-main .page button.mgye-doc .ui-button-text {
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/* HIR- ES BLOGKARTYA (Card-02 / Card-03) */

.mgye-redesign .mgye-card {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mgye-space-40);
  margin: 0 0 var(--mgye-space-40);
  padding: var(--mgye-space-20);
  border-radius: var(--mgye-radius-xl);
  background: var(--mgye-bg-surface);
  box-shadow: var(--mgye-shadow-xs);
}

.mgye-redesign .mgye-card__text {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: var(--mgye-space-20);
  /* basis 0, hogy az arany pontosan 573. */
  flex: 573 1 0;
  /* a Bootstrap .col-md-6 max-width:50%-ja kulonben felbe fogja a ket oldalt */
  max-width: none;
  min-width: min(100%, 300px);
  padding: 0;
}

.mgye-redesign .mgye-card__media {
  flex: 819 1 0;
  /* a Bootstrap .col-md-6 max-width:50%-ja kulonben felbe fogja a ket oldalt */
  max-width: none;
  min-width: min(100%, 300px);
  padding: 0;
}

.mgye-redesign .mgye-card__media a,
.mgye-redesign .mgye-card__media img {
  display: block;
  width: 100%;
}

.mgye-redesign .mgye-card__media img {
  aspect-ratio: 819 / 560;
  object-fit: cover;
  border-radius: var(--mgye-radius-md);
  /* a kepek lozad-dal lazy-loadolnak. */
  background: var(--mgye-neutral-100);
}

/* Datum a cim FOLOTT, a szovegoldal bal felso sarkaban (Card-03). */
.mgye-redesign .mgye-card__text .mgye-card__date {
  margin: 0 0 var(--mgye-space-10);
  color: var(--mgye-text-primary);
  font-size: var(--mgye-fs-label);
  font-weight: var(--mgye-fw-medium);
  line-height: var(--mgye-lh-snug);
}

/* Cim: SemiBold 28/1.5, nem nagybetus (a blog.css nagybetusiti) */
.mgye-redesign .mgye-card__text h2,
.mgye-redesign .mgye-card__text h3 {
  margin: 0;
  font-size: var(--mgye-fs-h2);
  font-weight: var(--mgye-fw-semibold);
  line-height: var(--mgye-lh-normal);
  text-transform: none;
}

.mgye-redesign .mgye-card__text h2 a,
.mgye-redesign .mgye-card__text h2 a:hover,
.mgye-redesign .mgye-card__text h3 a,
.mgye-redesign .mgye-card__text h3 a:hover {
  color: var(--mgye-text-primary);
  text-decoration: none;
}

/* A kartyacim hovere a fooldalon a .page-tol jott, listalapon nem volt - egysegesen. */
@media (hover: hover) {
  .mgye-redesign .mgye-card__text h2 a:hover,
  .mgye-redesign .mgye-card__text h3 a:hover {
    background: var(--mgye-lime-500);
  }
}

/* Leiras: Regular 14/1.75 */
.mgye-redesign .mgye-card__text p {
  margin: 0;
  color: var(--mgye-text-primary);
  font-size: var(--mgye-fs-body);
  font-weight: var(--mgye-fw-regular);
  line-height: var(--mgye-lh-relaxed);
}

/* "Tovabb" = a Card-03 alji CTA, a tema gomb-nyelven */
.mgye-redesign .mgye-card__more {
  margin: 0;
}

.mgye-redesign .mgye-card__more a {
  display: inline-flex;
  align-items: center;
  gap: var(--mgye-space-8);
  padding: var(--mgye-space-10) var(--mgye-space-16);
  border-radius: var(--mgye-radius-sm);
  background: var(--mgye-lime-500);
  color: var(--mgye-black);
  font-size: var(--mgye-fs-body);
  font-weight: var(--mgye-fw-medium);
  line-height: var(--mgye-lh-snug);
  text-decoration: none;
  text-transform: none;
}

@media (hover: hover) {
  .mgye-redesign .mgye-card__more a:hover {
    background: var(--mgye-lime-600);
    color: var(--mgye-black);
  }
}

.mgye-redesign .mgye-card__text .tags a {
  color: var(--mgye-text-secondary);
  font-size: var(--mgye-fs-label);
}

.mgye-redesign .eventsArea2,
.mgye-redesign .eventsBg {
  padding: 0;
  background-color: transparent;
}

/* A beagyazott .container paddingja nelkul a tartalom szeleig er. */
.mgye-redesign .blog-page-area .container {
  padding-left: 0;
  padding-right: 0;
}

/* A teljes szelessegu kitorest visszavonjuk. */
.mgye-redesign .containerFullWidthOverride {
  width: auto;
  left: auto;
  right: auto;
  margin-left: 0;
  margin-right: 0;
}

/* HIR- ES BLOG-RESZLETES OLDAL (viewarticle) */

.mgye-redesign .single-blog {
  /* A container 4/5-e, kozepre igazitva. */
  max-width: calc(var(--mgye-container-max) * 0.8);
  margin: 0 auto var(--mgye-space-40);
  padding: var(--mgye-space-20);
  border-radius: var(--mgye-radius-xl);
  background: var(--mgye-bg-surface);
  box-shadow: var(--mgye-shadow-xs);
}

@media (min-width: 768px) {
  .mgye-redesign .single-blog { padding: var(--mgye-space-40); }
}

/* a legacy 100px-es behuzas nem kell: a kartya paddingja adja a margot */
.mgye-redesign .single-blog .postinfo-wrapper {
  padding-left: 0;
}

.mgye-redesign .single-blog .post-info {
  display: flex;
  flex-direction: column;
  gap: var(--mgye-space-10);
  margin-bottom: var(--mgye-space-20);
}

.mgye-redesign .single-blog .date {
  margin: 0;
  color: var(--mgye-text-secondary);
  font-size: var(--mgye-fs-label);
  font-weight: var(--mgye-fw-medium);
  line-height: var(--mgye-lh-snug);
}

.mgye-redesign .single-blog .blog-post-title {
  margin: 0;
  padding: 0;
  color: var(--mgye-text-primary);
  font-size: var(--mgye-fs-display);
  font-weight: var(--mgye-fw-semibold);
  line-height: var(--mgye-lh-snug);
  text-transform: none;
}

.mgye-redesign .single-blog .entry-summary {
  margin: 0;
  color: var(--mgye-text-primary);
  font-size: var(--mgye-fs-body);
  line-height: var(--mgye-lh-relaxed);
}

.mgye-redesign .single-blog .entry-summary p {
  margin: 0 0 var(--mgye-space-20);
  font-weight: var(--mgye-fw-regular);
  line-height: var(--mgye-lh-relaxed);
}

.mgye-redesign .single-blog .entry-summary p:last-child {
  margin-bottom: 0;
}

/* A CMS-tartalomban a kep es a szoveg egy Bootstrap .row ket hasabjaban van. */
.mgye-redesign .single-blog .entry-summary .row > [class*="col-"] {
  flex: 0 0 100%;
  max-width: 100%;
}

.mgye-redesign .single-blog .entry-summary .row > [class*="col-"]:not(:last-child) {
  margin-bottom: var(--mgye-space-20);
}

/* A kep a sajat natur mereten all. */
.mgye-redesign .single-blog .entry-summary img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  border-radius: var(--mgye-radius-md);
}

.mgye-redesign .single-blog .tags a {
  color: var(--mgye-text-secondary);
  font-size: var(--mgye-fs-label);
}

.mgye-redesign .mgye-main .ui-messages > div {
  border-radius: var(--mgye-radius-lg);
}

.mgye-redesign .mgye-main .ui-messages {
  padding-left: var(--mgye-space-8);
  padding-right: var(--mgye-space-8);
}

/* FOOLDAL - hero kep */

body.mgye-home {
  --mgye-hero-nav-offset: var(--mgye-space-40);
}

body.mgye-home .mgye-header {
  padding-top: var(--mgye-hero-nav-offset);
}

body.mgye-home .mgye-main {
  margin-top: calc(-1 * (48px + var(--mgye-hero-nav-offset)));
}

/* A felhuzas a main EGESZ tartalmat mozgatja, igy egy lap-szintu uzenet. */
body.mgye-home .mgye-main > .container > .ui-messages:not(:empty) {
  display: block;
  margin-top: calc(48px + var(--mgye-hero-nav-offset));
}

/* a tartalom-kartya itt nem kell: a kep a container teljes szelesseget kapja */
body.mgye-home .mgye-main .page {
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.mgye-home .mgye-main .page > .container {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

/* A hero magassaga a viewporthoz kotve, hogy az also lekerekites is latszodjon. */
body.mgye-home .mgye-main .page span.mgye-home > .img-fluid,
body.mgye-home .mgye-main .page span.mgye-home > .inline-editor > .img-fluid {
  display: block;
  width: 100%;
  height: calc(100vh - 2 * var(--mgye-space-20) - var(--mgye-hero-header-extra, 0px));
  height: calc(100dvh - 2 * var(--mgye-space-20) - var(--mgye-hero-header-extra, 0px));
  object-fit: cover;
  border-radius: var(--mgye-radius-xl);
}

/* HERO VIDEO - megallito gomb (WCAG 2.2.2), a helyet a JS meri ra a videora. */

.mgye-redesign .mgye-video-host { position: relative; }

.mgye-redesign .mgye-video-toggle {
  position: absolute;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--mgye-bg-surface-glass-strong);
  box-shadow: var(--mgye-shadow-xs);
  color: var(--mgye-black);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  -webkit-backdrop-filter: blur(var(--mgye-blur-glass));
  backdrop-filter: blur(var(--mgye-blur-glass));
}

@media (hover: hover) {
  .mgye-redesign .mgye-video-toggle:hover { background: var(--mgye-lime-500); }
}

.mgye-redesign .mgye-video-toggle:focus-visible {
  outline: var(--mgye-focus-ring);
  outline-offset: var(--mgye-focus-offset);
}

/* A video amig toltodik a postert mutatja. */
body.mgye-home .mgye-main .page span.mgye-home video.img-fluid,
body.mgye-home .mgye-main .page span.mgye-home .inline-editor video.img-fluid {
  background-color: var(--mgye-neutral-100);
}

/* Mobilon a fejlec a kep FOLOTT all, nem lóg ra. */
@media (max-width: 767.98px) {
  body.mgye-home .mgye-main {
    margin-top: 0;
  }

  body.mgye-home .mgye-main > .container > .ui-messages:not(:empty) {
    margin-top: 0;
  }

  body.mgye-home {
    --mgye-hero-header-extra: calc(var(--mgye-hero-nav-offset) + 48px + var(--mgye-space-10) + 48px + 1rem);
  }
}

/* FOOLDAL - CTA kartyak a hero kep alatt */

.mgye-redesign .mgye-cta-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--mgye-space-20);
  margin-top: var(--mgye-space-20);
}

@media (min-width: 768px) {
  .mgye-redesign .mgye-cta-row { grid-template-columns: 1fr 1fr; }
}

/* HAROM RETEG: ::before = foto tartalom = a link. */
.mgye-redesign .mgye-cta {
  /* a teljes kartya szinvaltasa 180ms-mal tul elesen kapcsol. */
  --mgye-cta-duration: calc(var(--mgye-duration-base) * 2);
  position: relative;
  isolation: isolate;
  display: block;
  aspect-ratio: 6 / 5;
  overflow: hidden;
  border-radius: var(--mgye-radius-xl);
  background-color: var(--mgye-neutral-100);
}

.mgye-redesign .mgye-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  /* A feher felirat a fotok vilagos reszein olvashatatlan volt (1:1), ezert scrim. */
  background-image:
    linear-gradient(to bottom, rgba(0, 0, 0, .55), rgba(0, 0, 0, .45) 45%, rgba(0, 0, 0, 0) 75%),
    var(--mgye-cta-photo, none);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.mgye-redesign .mgye-cta--factory { --mgye-cta-photo: url("../medias/1/reg-factory.jpg"); }
.mgye-redesign .mgye-cta--visitor { --mgye-cta-photo: url("../medias/1/reg-user.jpg"); }

.mgye-redesign .mgye-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--mgye-lime-500);
  opacity: 0;
  transition: opacity var(--mgye-cta-duration) var(--mgye-ease);
  pointer-events: none;
}

@media (hover: hover) {
  /* Teljes lime atfedes, hogy a felirat olvashato legyen. */
  .mgye-redesign .mgye-cta:hover::after { opacity: 1; }
}

.mgye-redesign .mgye-main .page .mgye-cta > a {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--mgye-space-40);
  color: var(--mgye-white);
  text-decoration: none;
  transition: color var(--mgye-cta-duration) var(--mgye-ease);
}

.mgye-redesign .mgye-cta__label {
  max-width: 12ch;
  font-size: var(--mgye-fs-display);
  font-weight: var(--mgye-fw-semibold);
  line-height: var(--mgye-lh-snug);
}

/* nyil-gomb bal alul; az ikon a FontAwesome felfele nyila 45 fokkal forgatva */
.mgye-redesign .mgye-cta__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: var(--mgye-radius-md);
  background: var(--mgye-lime-500);
  color: var(--mgye-black);
  transition: background-color var(--mgye-cta-duration) var(--mgye-ease),
              color var(--mgye-cta-duration) var(--mgye-ease);
}

.mgye-redesign .mgye-cta__arrow::before {
  content: "\f062 ";
  font-family: FontAwesome;
  font-size: 18px;
  line-height: 1;
  transform: rotate(45deg);
}

@media (hover: hover) {
  .mgye-redesign .mgye-main .page .mgye-cta:hover > a { color: var(--mgye-black); }
  .mgye-redesign .mgye-cta:hover .mgye-cta__arrow {
    background: var(--mgye-white);
    color: var(--mgye-black);
  }
}

.mgye-redesign .mgye-cta > a:focus-visible {
  outline: var(--mgye-focus-ring);
  outline-offset: calc(-1 * var(--mgye-space-5));
}

/* --- zart latogatoi regisztracio --- */

body.mgye-visitor-closed .mgye-cta--visitor > a {
  pointer-events: none;
  cursor: default;
}

@media (hover: hover) {
  /* A ket felirat egymason keresztfakul. */
  body.mgye-visitor-closed .mgye-cta--visitor .mgye-cta__label {
    position: relative;
    transition: color var(--mgye-cta-duration) var(--mgye-ease);
  }

  body.mgye-visitor-closed .mgye-cta--visitor .mgye-cta__label::after {
    content: "Jelentkezés hamarosan";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: var(--mgye-white);
    opacity: 0;
    transition: opacity var(--mgye-cta-duration) var(--mgye-ease),
                color var(--mgye-cta-duration) var(--mgye-ease);
  }

  body.mgye-visitor-closed .mgye-cta--visitor:hover .mgye-cta__label {
    color: transparent;
  }

  body.mgye-visitor-closed .mgye-cta--visitor:hover .mgye-cta__label::after {
    color: var(--mgye-black);
    opacity: 1;
  }
}

/* FOOLDAL - TERKEPES KERESO (.blog-page-area) */

.mgye-redesign #eventMap {
  border-radius: var(--mgye-radius-xl);
  overflow: hidden;
}

/* A kereso feher kartya, es pont olyan magas, mint a terkep. */
.mgye-redesign .layered-sidebar {
  height: calc(100% - 1.5rem);
  padding: var(--mgye-space-20);
  border-radius: var(--mgye-radius-xl);
  background: var(--mgye-bg-surface);
  box-shadow: var(--mgye-shadow-xs);
  overflow-y: auto;
}

/* Cim: ugyanaz, mint a hir/blog kartyakon - SemiBold 28/1.5, nem nagybetus. */
.mgye-redesign .layered-sidebar .title_block {
  margin: 0 0 var(--mgye-space-20);
  padding: 0;
  border: none;
  color: var(--mgye-text-primary);
  font-size: var(--mgye-fs-h2);
  font-weight: var(--mgye-fw-semibold);
  line-height: var(--mgye-lh-normal);
  text-transform: none;
}

/* Szuro-feliratok: az urlap-labelek merete es sulya (a main.css teal-t ad). */
.mgye-redesign .layered-sidebar .layered-subtitle {
  color: var(--mgye-text-primary);
  font-size: var(--mgye-fs-label);
  font-weight: var(--mgye-fw-medium);
  line-height: var(--mgye-lh-snug);
}

/* Mezok: azonos a .loginPanel-evel (regisztracio / bejelentkezes) */
.mgye-redesign .layered-sidebar .form-control,
.mgye-redesign .layered-sidebar .ui-inputfield,
.mgye-redesign .layered-sidebar select {
  height: auto;
  padding: var(--mgye-space-10) var(--mgye-space-12);
  border: 1px solid var(--mgye-border-subtle);
  border-radius: var(--mgye-radius-sm);
  background: var(--mgye-bg-surface);
  color: var(--mgye-text-primary);
  font-family: var(--mgye-font-sans);
  font-size: var(--mgye-fs-body);
  font-weight: var(--mgye-fw-regular);
  line-height: var(--mgye-lh-snug);
  box-shadow: none;
}

.mgye-redesign .layered-sidebar select.form-control {
  line-height: var(--mgye-lh-snug);
  height: calc(var(--mgye-fs-body) * var(--mgye-lh-snug) + 2 * var(--mgye-space-10) + 2px);
}

.mgye-redesign .layered-sidebar .form-control:focus,
.mgye-redesign .layered-sidebar .form-control:focus-visible,
.mgye-redesign .layered-sidebar .ui-inputfield:focus,
.mgye-redesign .layered-sidebar .ui-inputfield:focus-visible,
.mgye-redesign .layered-sidebar select:focus,
.mgye-redesign .layered-sidebar select:focus-visible {
  border-color: var(--mgye-black);
  outline: var(--mgye-focus-ring);
  outline-offset: var(--mgye-focus-offset);
  box-shadow: none;
}

/* --- a kivalasztott gyar doboza a terkepen. */

.mgye-redesign .mapBox {
  border-radius: var(--mgye-radius-xl);
  background-color: var(--mgye-neutral-100);
  color: var(--mgye-text-primary);
}

/* Bezaro "x": a .page a:hover szogletes lime hatteret adna, itt kor kell. */
.mgye-redesign .mgye-main .page .mapBox a.float-right {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  /* A kor kozepe a cim elso soranak kozepere kerul. */
  margin-top: calc((var(--mgye-fs-h3) * var(--mgye-lh-snug) - 40px) / 2);
  border-radius: var(--mgye-radius-full);
  color: var(--mgye-text-primary) !important;
  text-decoration: none;
}

.mgye-redesign .mgye-main .page .mapBox a.float-right .fa {
  font-size: 20px;
  line-height: 1;
}

@media (hover: hover) {
  .mgye-redesign .mgye-main .page .mapBox a.float-right:hover {
    background: var(--mgye-lime-500);
  }
}

/* Cegnev: a Bootstrap h4 24px-e hat sorba futott a 300px-es dobozban. */
.mgye-redesign .mapBox h4 {
  margin-bottom: var(--mgye-space-10);
  font-size: var(--mgye-fs-h3);
  line-height: var(--mgye-lh-snug);
}

/* "Bovebben": ugyanaz a lime pirula, mint a hir/blog kartyakon, csak jobbra. */
.mgye-redesign .mapBox .form-group:has(.ui-button) {
  text-align: right;
}

.mgye-redesign .mgye-main .page .mapBox .ui-button.ui-state-default {
  display: inline-flex;
  align-items: center;
  gap: var(--mgye-space-8);
  width: auto !important;
  padding: var(--mgye-space-10) var(--mgye-space-16);
  border: none;
  border-radius: var(--mgye-radius-sm);
  background: var(--mgye-lime-500);
  color: var(--mgye-black);
  font-size: var(--mgye-fs-body);
  font-weight: var(--mgye-fw-medium) !important;
  line-height: var(--mgye-lh-snug);
  text-transform: none !important;
}

/* A Bootstrap-utility-k miatt kell a ket !important. */
.mgye-redesign .mgye-main .page .mapBox .ui-button .ui-button-text {
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/* A nyil a markupbol jon (fa-chevron-right), a PrimeFaces ikon-helyezese nelkul. */
.mgye-redesign .mgye-main .page .mapBox .ui-button .ui-button-icon-right {
  order: 1;
  position: static;
  margin: 0;
  font-size: 1em;
  line-height: 1;
}

@media (hover: hover) {
  .mgye-redesign .mgye-main .page .mapBox .ui-button.ui-state-default:hover {
    background: var(--mgye-lime-600);
  }
}

/* ESEMENY-IDOPONTOK (.mgye-slot) */

/* A blokk cime h2-re valtott a heading-sorrend miatt, a merete maradjon 24px. */
.mgye-redesign .mgye-slots-title {
  margin: 0 0 var(--mgye-space-8);
  font-size: 1.5rem;
  font-weight: var(--mgye-fw-semibold);
  line-height: var(--mgye-lh-snug);
  text-transform: none;
}

.mgye-redesign .mgye-slots {
  display: flex;
  flex-wrap: wrap;
  gap: var(--mgye-space-16);
  margin-top: var(--mgye-space-10);
}

.mgye-redesign .mgye-main a.mgye-slot,
.mgye-redesign .mgye-main .page a.mgye-slot {
  display: inline-flex;
  flex-direction: column;
  gap: var(--mgye-space-5);
  margin: 0;
  padding: var(--mgye-space-12) var(--mgye-space-16);
  border: none;
  border-radius: var(--mgye-radius-md);
  background: var(--mgye-lime-500);
  color: var(--mgye-black);
  text-decoration: none;
  transition: background-color var(--mgye-transition);
}

/* Betelt idopont (foglalt >= max helyek): szurke pirula. */
.mgye-redesign .mgye-main a.mgye-slot--full,
.mgye-redesign .mgye-main .page a.mgye-slot--full {
  background: var(--mgye-neutral-100);
  color: var(--mgye-text-secondary);
}

.mgye-redesign .mgye-slot__time {
  font-size: var(--mgye-fs-h3);
  font-weight: var(--mgye-fw-semibold);
  line-height: var(--mgye-lh-snug);
}

.mgye-redesign .mgye-slot__sub {
  font-size: var(--mgye-fs-label);
  font-weight: var(--mgye-fw-regular);
  line-height: var(--mgye-lh-snug);
}

@media (hover: hover) {
  .mgye-redesign .mgye-main a.mgye-slot:hover,
  .mgye-redesign .mgye-main .page a.mgye-slot:hover {
    background: var(--mgye-lime-600);
    color: var(--mgye-black);
  }

  .mgye-redesign .mgye-main a.mgye-slot--full:hover,
  .mgye-redesign .mgye-main .page a.mgye-slot--full:hover {
    background: var(--mgye-neutral-100);
    color: var(--mgye-text-secondary);
  }
}

.mgye-redesign .mgye-main a.mgye-slot:focus-visible {
  outline: var(--mgye-focus-ring);
  outline-offset: var(--mgye-focus-offset);
}

/* ESEMENYRE JELENTKEZES DOBOZA (#registerToEventArea) */

/* A Bootstrap .alert 4px-es sarka mindenhol a nav savhoz igazodik. */
.mgye-theme .alert {
  border-radius: var(--mgye-radius-lg);
}

.mgye-redesign #registerToEventArea .ui-panel {
  border: none;
  border-radius: var(--mgye-radius-lg) !important;
}

/* PROFIL OLDAL (/selfmod) - body.mgye-selfmod */

/* --- panel: a feher kartyan belul nincs sajat kerete --- */
.mgye-selfmod .page .ui-panel {
  border: none;
  /* a main.css body .ui-panel-je !important-tal nullaz */
  border-radius: var(--mgye-radius-md) !important;
  background: transparent;
}

/* --- lime cimsav (a main.css #222222-t es border-radius. */
.mgye-selfmod .page .ui-panel .ui-panel-titlebar {
  margin: 0;
  padding: var(--mgye-space-12) var(--mgye-space-16);
  border: none;
  border-radius: var(--mgye-radius-md) var(--mgye-radius-md) 0 0 !important;
  background: var(--mgye-neutral-200);
  color: var(--mgye-black);
  font-size: var(--mgye-fs-h3);
  font-weight: var(--mgye-fw-semibold);
  line-height: var(--mgye-lh-snug);
  text-transform: none;
}

.mgye-selfmod .page .ui-panel .ui-panel-content {
  padding: var(--mgye-space-20) 0 0;
  border: none;
  background: transparent;
  color: var(--mgye-text-primary);
}

/* --- mezok --- */
.mgye-selfmod .page .form-control,
.mgye-selfmod .page .ui-inputfield,
.mgye-selfmod .page select {
  height: auto;
  padding: var(--mgye-space-10) var(--mgye-space-12);
  border: 1px solid var(--mgye-border-subtle);
  border-radius: var(--mgye-radius-sm);
  background: var(--mgye-bg-surface);
  color: var(--mgye-text-primary);
  font-family: var(--mgye-font-sans);
  font-size: var(--mgye-fs-body);
  font-weight: var(--mgye-fw-regular);
  line-height: var(--mgye-lh-snug);
  box-shadow: none;
}

.mgye-selfmod .page select.form-control {
  line-height: var(--mgye-lh-snug);
  height: calc(var(--mgye-fs-body) * var(--mgye-lh-snug) + 2 * var(--mgye-space-10) + 2px);
}

.mgye-selfmod .page .form-control::placeholder,
.mgye-selfmod .page .ui-inputfield::placeholder {
  color: var(--mgye-neutral-500);
  opacity: 1;
}

.mgye-selfmod .page .form-control:focus,
.mgye-selfmod .page .form-control:focus-visible,
.mgye-selfmod .page .ui-inputfield:focus,
.mgye-selfmod .page .ui-inputfield:focus-visible,
.mgye-selfmod .page select:focus,
.mgye-selfmod .page select:focus-visible {
  border-color: var(--mgye-black);
  outline: var(--mgye-focus-ring);
  outline-offset: var(--mgye-focus-offset);
  box-shadow: none;
}

/* --- label es mezokoz --- */
.mgye-selfmod .page label.ui-outputlabel,
.mgye-selfmod .page label {
  display: block;
  margin: 0 0 var(--mgye-space-10);
  color: var(--mgye-text-primary);
  font-size: var(--mgye-fs-label);
  font-weight: var(--mgye-fw-medium);
  line-height: var(--mgye-lh-snug);
}

.mgye-selfmod .page .form-group {
  margin-bottom: var(--mgye-space-20);
}

.mgye-selfmod .page .ui-message {
  display: block;
  margin-top: var(--mgye-space-5);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--mgye-text-error);
  font-size: var(--mgye-fs-label);
  line-height: var(--mgye-lh-snug);
}

/* --- Mentes / Megse: ugyanaz a lime pirula, mint a "Bovebben" gomb --- */
.mgye-selfmod .page .buttonRow .ui-button.ui-state-default {
  display: inline-flex;
  align-items: center;
  gap: var(--mgye-space-8);
  padding: var(--mgye-space-10) var(--mgye-space-16);
  border: none;
  border-radius: var(--mgye-radius-sm);
  background: var(--mgye-lime-500);
  color: var(--mgye-black);
  font-family: var(--mgye-font-sans);
  font-size: var(--mgye-fs-body);
  font-weight: var(--mgye-fw-medium);
  line-height: var(--mgye-lh-snug);
  text-transform: none;
  box-shadow: none;
  transition: background-color var(--mgye-transition);
}

.mgye-selfmod .page .buttonRow .ui-button .ui-button-text {
  padding: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.mgye-selfmod .page .buttonRow .ui-button .ui-button-icon-left {
  position: static;
  margin: 0;
  font-size: 1em;
  line-height: 1;
}

@media (hover: hover) {
  .mgye-selfmod .page .buttonRow .ui-button.ui-state-default:hover {
    background: var(--mgye-lime-600);
    color: var(--mgye-black);
  }
}

.mgye-selfmod .page .buttonRow .ui-button:focus-visible {
  outline: var(--mgye-focus-ring);
  outline-offset: var(--mgye-focus-offset);
}