/* ============================================
   /assets/css/critical-menu.css  (VÉGLEGES)
   HELYE: superfish.css és style.css UTÁN!
   ============================================ */

/* Töréspont a te setupodhoz */
:root { --nav-breakpoint: 992px; }

/* NAV környék ne vágja le a dropdownt */
/*
.header, .header .header-line, nav.pmenu, nav.pmenu .menu {
  overflow: visible;
  position: relative;
  z-index: 1000;
}
*/

/* ===================== DESKTOP (nincs opacity/visibility!) ===================== */
@media (min-width: calc(var(--nav-breakpoint) + 1px)) {
  /* Superfish alap: rejtés off-screen, mindig block, hogy FOUC ne legyen */
  nav.pmenu .sf-menu li { position: relative; }

  nav.pmenu .sf-menu li > ul {
    position: absolute !important;
    display: block !important;      /* soha ne legyen display:none */
    top: -999em !important;         /* REJTÉS: off-screen */
    left: 0 !important;
    z-index: 9999;
  }
  /* Többszintű submenu */
  nav.pmenu .sf-menu li li > ul {
    top: -999em !important;
    left: 100% !important;
  }

  /* Mutatás: hover/focus + Superfish .sfHover */
  nav.pmenu .sf-menu li:hover > ul,
  nav.pmenu .sf-menu li:focus-within > ul,
  nav.pmenu .sf-menu li.sfHover > ul {
    top: 100% !important;           /* első szint a szülő alatt */
    left: 0 !important;
  }
  nav.pmenu .sf-menu li li:hover > ul,
  nav.pmenu .sf-menu li li:focus-within > ul,
  nav.pmenu .sf-menu li li.sfHover > ul {
    top: 0 !important;              /* belső szint oldalt */
    left: 100% !important;
  }
}

/* ========================= MOBIL (aria-vezérelt) ========================= */
@media (max-width: var(--nav-breakpoint)) {
  /* Alap: rejtve mobil panelben (itt használunk opacity/visibility-t) */
  .header_mobile .menu_main_nav .sub-menu,
  .header_mobile .menu_main_nav li > ul {
    position: static;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    pointer-events: none;
    transition: opacity .15s ease, transform .15s ease, visibility 0s linear .15s;
  }

  /* Nyitás: csak expanded = true esetén */
  .header_mobile .menu_main_nav .menu-item-has-children > a[aria-expanded="true"] + .sub-menu,
  .header_mobile .menu_main_nav .menu-item-has-children > a[aria-expanded="true"] + ul {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
  }
}

/* ========================= No-JS fallback (desktop) ========================= */
.no-js nav.pmenu .sf-menu li > ul { top: -999em !important; }
.no-js nav.pmenu .sf-menu li:hover > ul,
.no-js nav.pmenu .sf-menu li:focus-within > ul { top: 100% !important; }

/* (opcionális) vészfék */
.no-fouc nav.pmenu .sf-menu li > ul { top: -999em !important; }

/* --- DESKTOP RESET: semmilyen opacity/visibility rejtés ne maradjon --- */
@media (min-width: 993px) {
  nav.pmenu .sf-menu li > ul {
    /* lenullázza a korábbi rejtést, ha bárhol be van állítva */
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;

    /* Superfish-módszer: off-screen rejtés (nem villan) */
    position: absolute !important;
    display: block !important;
    top: -999em !important;
    left: 0 !important;
    z-index: 9999;
  }

  /* belső szintek alap pozíciója */
  nav.pmenu .sf-menu li li > ul {
    top: -999em !important;
    left: 100% !important;
  }

  /* megjelenítés hover / fókusz / Superfish .sfHover alatt */
  nav.pmenu .sf-menu li:hover > ul,
  nav.pmenu .sf-menu li:focus-within > ul,
  nav.pmenu .sf-menu li.sfHover > ul {
    top: 100% !important;
    left: 0 !important;
  }
  nav.pmenu .sf-menu li li:hover > ul,
  nav.pmenu .sf-menu li li:focus-within > ul,
  nav.pmenu .sf-menu li li.sfHover > ul {
    top: 0 !important;
    left: 100% !important;
  }
}

/* Mobil marad aria-vezérlésen, ezt ne bántsd */

/* ====== PASTE: assets/css/critical-menu.css VÉGÉRE ====== */


/* 1) Fejléc mindig a video/overlay fölött legyen */
/*
.header,
.header .header-line,
nav.pmenu {
  position: relative;
  z-index: 4000; /
}
*/

/* Ha kell: az overlay legyen alacsonyabb szintű */
.wrap-video .overlay,
.wrap-video-header .overlay {
  position: absolute;
  z-index: 1;
}

/* 2) DESKTOP: CSAK Superfish top:-999em rejtés, semmilyen opacity/visibility! */
@media (min-width: 993px) {
  nav.pmenu .sf-menu li { position: relative; }

  /* alap: off-screen rejtés */
  nav.pmenu .sf-menu li > ul {
    position: absolute !important;
    display: block !important;      /* ne legyen display:none → nincs FOUC */
    top: -999em !important;         /* Superfish-féle rejtés */
    left: 0 !important;
    /* direkt reseteljük az esetleges régi rejtéseket */
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    z-index: 9999;
  }

  /* belső szint alap */
  nav.pmenu .sf-menu li li > ul {
    top: -999em !important;
    left: 100% !important;
  }

  /* megjelenítés: hover / fókusz / Superfish .sfHover */
  nav.pmenu .sf-menu li:hover > ul,
  nav.pmenu .sf-menu li:focus-within > ul,
  nav.pmenu .sf-menu li.sfHover > ul {
    top: 100% !important;  /* első szint a szülő alatt */
    left: 0 !important;
  }

  nav.pmenu .sf-menu li li:hover > ul,
  nav.pmenu .sf-menu li li:focus-within > ul,
  nav.pmenu .sf-menu li li.sfHover > ul {
    top: 0 !important;     /* belső szint oldalra */
    left: 100% !important;
  }
}

/* 3) MOBIL: marad az aria-vezérelt mutatás (ha használod a mobil panelt) */
@media (max-width: 992px) {
  .header_mobile .menu_main_nav .sub-menu,
  .header_mobile .menu_main_nav li > ul {
    position: static;
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    pointer-events: none;
    transition: opacity .15s ease, transform .15s ease, visibility 0s linear .15s;
  }

  .header_mobile .menu_main_nav .menu-item-has-children > a[aria-expanded="true"] + .sub-menu,
  .header_mobile .menu_main_nav .menu-item-has-children > a[aria-expanded="true"] + ul {
    opacity: 1;
    visibility: visible;
    transform: none;
    pointer-events: auto;
  }
}