/* Inner Circle Huniverse — molecules/nav-items.css */
.nav-links{display:flex;align-items:center;gap:var(--sp-lg);list-style:none}
.nav-links a{font-weight:600;font-size:var(--fs-sm);color:var(--muted);padding:8px 4px;
  border-bottom:2px solid transparent;transition:color .12s,border-color .12s}
.nav-links a:hover,.nav-links a.active{color:var(--text);border-color:var(--primary)}

.lang-switch{display:flex;gap:4px;background:var(--glass-2);border:1px solid var(--line);
  border-radius:var(--r-full);padding:3px}
.lang-btn{padding:5px 12px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:700;
  background:transparent;color:var(--muted);border:none;cursor:pointer;transition:background .12s,color .12s}
.lang-btn.active{background:var(--grad-brand);color:#1a1005}

/* Mobil nyelvváltó a menü tetején (nagy, teli szélességű páros gomb) -- a kvíz projekt
   mobilmenü-elrendezésének megfelelően. Desktopon rejtve, a header-actions sajátja jelenik meg. */
.lang-switch-mobile-wrap{display:none}
.lang-switch-desktop{display:flex}

.dropdown{position:relative}
.dropdown-toggle{display:flex;align-items:center;gap:4px;cursor:pointer;background:none;border:none;
  color:var(--muted);font-weight:600;font-size:var(--fs-sm);padding:8px 4px;font-family:inherit}
.dropdown-toggle:hover{color:var(--text)}
/* Aktív dropdown-toggle: ha egy aloldal (pl. /privacy, /terms) van nyitva,
   a "Jogi" gomb is kap active stílust, mint a többi menüpont. */
.dropdown-toggle.active{color:var(--text);border-bottom:2px solid var(--primary)}
.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:180px;padding:8px;
  display:none;z-index:var(--z-header);flex-direction:column;
  background:rgba(18,13,8,.97);border:1px solid var(--line);border-radius:var(--r-md);
  box-shadow:0 10px 30px -8px rgba(0,0,0,.6)}
.dropdown.open .dropdown-menu{display:flex}
.dropdown-menu a{display:block;padding:8px 10px;border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--text)}
.dropdown-menu a:hover,.dropdown-menu a.active{background:var(--glass-2);color:var(--primary-2)}

/* ===== Mobil (nav-compact) elrendezés -- a kvíz projekt mobilmenüjének mintája:
   bal-igazított lista, kitöltött nyelvváltó gombok a tetején, aktív elem kiemelt dobozzal,
   a "Jogi" szekció mindig nyitva (nem harmonika), behúzott alpontokkal. ===== */
html.nav-compact .lang-switch-mobile-wrap{display:block;width:100%;padding:0 0 var(--sp-md);
  border-bottom:1px solid var(--line);margin-bottom:var(--sp-sm)}
html.nav-compact .lang-switch-mobile{width:100%;padding:4px}
html.nav-compact .lang-switch-mobile .lang-btn{flex:1;padding:10px;font-size:var(--fs-sm)}
html.nav-compact .lang-switch-desktop{display:none}

html.nav-compact .nav-links{align-items:stretch;text-align:left}
html.nav-compact .nav-links > li{width:100%}
html.nav-compact .nav-links > li > a{display:block;width:100%;padding:12px var(--sp-sm);
  border-radius:var(--r-sm);border-bottom:none;font-size:var(--fs-lg)}
html.nav-compact .nav-links > li > a.active{background:var(--glass);color:var(--primary-2)}

html.nav-compact .dropdown-toggle{justify-content:flex-start;width:100%;font-size:var(--fs-lg);
  cursor:default;padding:12px var(--sp-sm)}
html.nav-compact .dropdown-arrow{display:none}
html.nav-compact .dropdown-menu{position:static;display:flex !important;background:none;
  backdrop-filter:none;box-shadow:none;border:none;padding:0 0 0 var(--sp-md);margin-top:0}
html.nav-compact .dropdown-menu a{font-size:var(--fs-base)}