/* ══════════════════════════════════════════════════════════
   NYELVVÁLASZTÓ (HU ↔ EN)
   Minden oldal betölti — a magyar és az angol változat is.
   A zászlók SVG háttérképek, mert a zászló-emojit a Windows
   nem rendereli (🇬🇧 helyett „GB" betűpár jelenne meg).
   ══════════════════════════════════════════════════════════ */

.lang-switch{position:relative;display:inline-flex;flex:none}

/* ── zászlók ── */
.flag{width:18px;height:12px;flex:none;border-radius:2px;display:inline-block;
  background-size:cover;background-position:center;box-shadow:0 0 0 1px rgba(0,0,0,.12) inset}
.flag-hu{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Crect width='6' height='4' fill='%23fff'/%3E%3Crect width='6' height='1.334' fill='%23CE2939'/%3E%3Crect y='2.666' width='6' height='1.334' fill='%23477050'/%3E%3C/svg%3E")}
.flag-gb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Crect width='60' height='30' fill='%23012169'/%3E%3Cpath d='M0 0l60 30M60 0L0 30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0 0l60 30M60 0L0 30' stroke='%23C8102E' stroke-width='2'/%3E%3Cpath d='M30 0v30M0 15h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30 0v30M0 15h60' stroke='%23C8102E' stroke-width='6'/%3E%3C/svg%3E")}

/* ── a gomb (az aktuálisan kínált nyelvet mutatja) ── */
.lang-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  border:1px solid var(--line,rgba(10,20,40,.14));border-radius:100px;padding:5px 11px 5px 9px;
  background:transparent;font-family:var(--fm,monospace);font-size:.68rem;letter-spacing:.1em;
  color:var(--ink3,#71809c);transition:border-color .2s,color .2s;white-space:nowrap}
.lang-btn:hover{border-color:var(--acc,#1a56db);color:var(--acc,#1a56db)}
.lang-caret{font-size:.6em;opacity:.7;transition:transform .2s}
.lang-switch.open .lang-caret{transform:rotate(180deg)}

/* ── a legördülő ── */
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:960;min-width:158px;
  background:var(--panel,#fff);border:1px solid var(--line,rgba(10,20,40,.14));
  border-radius:10px;padding:5px;box-shadow:0 12px 30px rgba(10,20,40,.13);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s}
.lang-switch.open .lang-menu{opacity:1;visibility:visible;transform:translateY(0)}

.lang-menu a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:6px;
  font-family:var(--fb,inherit);font-size:.88rem;letter-spacing:0;text-transform:none;
  color:var(--ink2,#3c4c68)!important;white-space:nowrap;transition:background .15s,color .15s}
.lang-menu a:hover{background:var(--bg2,#eef2f9);color:var(--ink,#0a1428)!important}
.lang-menu a[aria-current="true"]{color:var(--ink,#0a1428)!important;font-weight:600}
.lang-tick{margin-left:auto;color:var(--acc,#1a56db);font-weight:700;font-size:.85em}

@media(prefers-reduced-motion:reduce){
  .lang-menu,.lang-caret{transition:none!important}
}

/* ══ MOBIL — a kinyitott, sötét hátterű menüben ══ */
@media(max-width:760px){
  .nav-links .lang-switch{align-self:flex-start;margin-top:14px;width:auto}
  .nav-links .lang-btn{font-size:.95rem;padding:9px 16px 9px 14px;
    border-color:var(--dark-line,rgba(246,248,252,.14));color:var(--on-dark,#f6f8fc)}
  .nav-links .lang-btn:hover{border-color:#fff;color:#fff}
  .nav-links .flag{width:22px;height:15px}
  /* mobilon a lista a gomb alatt, a menü folyásában nyílik */
  .nav-links .lang-menu{position:static;min-width:0;margin-top:8px;box-shadow:none;
    background:transparent;border-color:var(--dark-line,rgba(246,248,252,.14));
    display:none;transform:none;opacity:1;visibility:visible}
  .nav-links .lang-switch.open .lang-menu{display:block}
  .nav-links .lang-menu a{color:rgba(246,248,252,.78)!important;font-size:1.05rem;padding:11px 12px}
  .nav-links .lang-menu a:hover,
  .nav-links .lang-menu a[aria-current="true"]{background:rgba(246,248,252,.08);color:#fff!important}
}

/* ══ KÉRDŐÍV OLDALSÁV — sötét háttér, nincs .nav-links köré ágyazva ══ */
.nlq-side .lang-switch{margin:10px 0 4px}
.nlq-side .lang-btn{border-color:rgba(255,255,255,.22);color:rgba(255,255,255,.72)}
.nlq-side .lang-btn:hover{border-color:#fff;color:#fff}
.nlq-side .lang-menu{background:#111c31;border-color:rgba(255,255,255,.16)}
.nlq-side .lang-menu a{color:rgba(255,255,255,.78)!important}
.nlq-side .lang-menu a:hover,
.nlq-side .lang-menu a[aria-current="true"]{background:rgba(255,255,255,.08);color:#fff!important}