/*
 * Fo navigacio.
 * A fo menupontok nem linkek/gombok: asztali nezeben hoverre jelenik meg az almenü,
 * mobilon pedig a hamburger menu megnyitasakor minden almenü kozvetlenul lathato.
 */
.nav-parent{
  border:0;
  background:transparent;
  color:#d7def0;
  display:inline-flex;
  align-items:center;
  gap:6px;
  text-align:left;
  cursor:default;
  -webkit-user-select:none;
          user-select:none;
}
.nav-parent-caret{
  font-size:12px;
  color:#91a2c3;
  transition:color .18s ease;
}
.nav-group:hover .nav-parent,
.nav-group.is-active .nav-parent{color:#fff}
.nav-group:hover .nav-parent-caret,.nav-group:focus-within .nav-parent-caret{color:#fff}
.nav-parent:focus-visible{outline:2px solid #6fe3ff;outline-offset:2px;border-radius:10px}

@media (min-width:861px){
  /* Desktopon kizarolag hover nyitja ki az almenüt, nincs beragado kattintasi allapot. */
  .nav-group:hover .mega-menu,
  .nav-group:focus-within .mega-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }
}

@media (max-width:860px){
  .nav-group{
    display:block;
    border-bottom:1px solid rgba(255,255,255,.06);
    padding:5px 0 10px;
  }
  .nav-parent{
    width:100%;
    justify-content:space-between;
    font-size:14px;
    padding:12px 8px 8px;
    font-weight:800;
    color:#fff;
  }
  .nav-parent-caret{display:none}
  .mega-menu{
    position:static;
    width:auto;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    background:rgba(255,255,255,.025);
    box-shadow:none;
    border:0;
    border-radius:12px;
    margin:0 0 4px;
    padding:5px;
  }
  .mega-menu a{font-size:12px}
}

@media (min-width:861px){
  /* Lathatatlan hover-hid a fo menupont es a lenyilo panel kozott, hogy az eger atvitelekor se csukodjon ossze. */
  .mega-menu::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-16px;
    height:16px;
  }
}

@media (min-width:861px){
  /* A jobb szélső lenyílók ne növeljék a dokumentum szélességét keskenyebb desktopon. */
  .nav-group:nth-last-of-type(-n+2) .mega-menu{left:auto;right:0}
}