/*
 * Varázsbillentyű – navigáció, mobil menü, legördülők.
 * A többi stílus a téma gyökerében lévő style.css fájlban van.
 */

.vb-nav ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:row; gap:24px; align-items:center; }
.vb-nav li { position:relative; }
.vb-nav a { font-family:'Poppins',sans-serif; font-weight:700; font-size:16px; line-height:1; color:#FFFFFF; white-space:nowrap; }
.vb-nav a:hover, .vb-nav .current-menu-item > a { color:#F28FF7; }

/* legördülő */
.vb-nav .sub-menu {
  position:absolute; left:0; top:100%; margin-top:14px; min-width:210px;
  flex-direction:column; align-items:flex-start; gap:0;
  background:#164243; border-radius:16px; padding:10px 0;
  box-shadow:0 16px 36px rgba(22,66,67,0.3);
  opacity:0; visibility:hidden; transform:translateY(8px);
  transition:opacity .22s ease, transform .28s cubic-bezier(.16,1,.3,1), visibility .22s;
  z-index:60;
}
.vb-nav li:hover > .sub-menu,
.vb-nav li:focus-within > .sub-menu { opacity:1; visibility:visible; transform:none; }
.vb-nav .sub-menu a { display:block; padding:10px 22px; font-weight:600; font-size:15px; }

/* hamburger gomb */
.vb-burger {
  display:none; width:46px; height:46px; flex:0 0 46px; border:0; padding:0; cursor:pointer;
  border-radius:999px; background:rgba(255,255,255,0.1);
  align-items:center; justify-content:center; flex-direction:column; gap:5px;
}
.vb-burger span { display:block; width:20px; height:2px; background:#FFFFFF; border-radius:2px; transition:transform .3s cubic-bezier(.16,1,.3,1), opacity .2s ease; }
.vb-burger[aria-expanded="true"] span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
.vb-burger[aria-expanded="true"] span:nth-child(2) { opacity:0; }
.vb-burger[aria-expanded="true"] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

@media (min-width: 1100px) {
  .vb-nav-panel { display:contents; }
}

@media (max-width: 1099px) {
  .vb-burger { display:flex; }
  .vb-nav-panel {
    position:fixed; inset:0; z-index:9997; background:#164243;
    display:flex; flex-direction:column; gap:28px; padding:96px 28px 48px;
    overflow-y:auto;
    opacity:0; visibility:hidden; transform:translateY(-12px);
    transition:opacity .3s ease, transform .4s cubic-bezier(.16,1,.3,1), visibility .3s;
  }
  .vb-nav-panel.vb-open { opacity:1; visibility:visible; transform:none; }
  .vb-nav-panel .vb-nav ul { flex-direction:column; align-items:flex-start; gap:18px; }
  .vb-nav-panel .vb-nav a { font-size:26px; font-family:'Yanone Kaffeesatz',sans-serif; font-weight:600; }
  .vb-nav-panel .sub-menu {
    position:static; opacity:1; visibility:visible; transform:none; margin:10px 0 0;
    background:transparent; box-shadow:none; padding:0 0 0 18px; display:flex;
  }
  .vb-nav-panel .sub-menu a { font-size:18px; padding:6px 0; font-family:'Poppins',sans-serif; }
  .vb-nav-panel .vb-lang,
  .vb-nav-panel .vb-cta { align-self:flex-start; }
  body.vb-nav-lock { overflow:hidden; }
}