/* ARKTRONICS - NAV (egyetlen igazsagforras)
   Ezt a fajlt a _gen-nav.cjs linkeli be minden oldalra. NE masold be sehova
   inline <style>-ba: 2026-08-01 elott 196 oldalon volt duplikalva, ~0,77 MB.
   A markup parja: _nav.html. Ha itt valtoztatsz, futtasd: node _gen-nav.cjs */

.ark-nav{ position:fixed; top:0; left:0; right:0; z-index:50; background:var(--nav-bg);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); border-bottom:1px solid rgba(var(--line-rgb),0.07); }
.ark-nav-inner{ max-width:1240px; margin:0 auto; padding:0 clamp(20px,4vw,40px); height:64px;
  display:flex; align-items:center; justify-content:space-between; gap:24px; }
.ark-brand{ text-decoration:none; font-family:'Figtree',sans-serif; font-weight:700; font-size:19px;
  letter-spacing:-0.02em; color:var(--ink); white-space:nowrap; }
.ark-brand span{ color:var(--accent); }
.ark-nav-links{ display:flex; align-items:center; gap:26px; }
.ark-nav-link{ text-decoration:none; white-space:nowrap; font-family:'Figtree',sans-serif; font-weight:500;
  font-size:14.5px; color:var(--ink-soft); background-image:linear-gradient(currentColor,currentColor);
  background-size:0% 1.5px; background-position:0 100%; background-repeat:no-repeat; padding-bottom:3px;
  transition:color 0.25s, background-size 0.35s cubic-bezier(0.16,1,0.3,1); }
.ark-nav-link:hover{ color:var(--ink); background-size:100% 1.5px; }
.ark-nav-right{ display:flex; align-items:center; gap:12px; }
.ark-fiok{ display:inline-flex; align-items:center; gap:7px; text-decoration:none; white-space:nowrap;
  font-family:'Figtree',sans-serif; font-weight:600; font-size:14px; color:var(--ink-soft);
  border:1px solid rgba(var(--line-rgb),0.14); border-radius:999px; padding:9px 15px; background:var(--card);
  transition:color 0.2s, border-color 0.2s, background 0.2s; }
.ark-fiok:hover{ color:var(--ink); border-color:rgba(var(--line-rgb),0.28); background:var(--surface); }
.ark-btn-solid{ text-decoration:none; background:var(--btn-solid-bg); color:#FFFFFF; font-family:'Figtree',sans-serif;
  font-weight:600; font-size:14.5px; padding:11px 22px; border-radius:999px; white-space:nowrap;
  transition:background 0.25s cubic-bezier(0.16,1,0.3,1); }
.ark-btn-solid:hover{ background:var(--btn-solid-hover); color:#FFFFFF; }
.ark-theme-toggle{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; flex:none;
  border:1px solid rgba(var(--line-rgb),0.14); border-radius:11px; background:var(--card); color:var(--ink);
  cursor:pointer; padding:0; transition:background 0.2s,border-color 0.2s,color 0.2s; }
.ark-theme-toggle:hover{ background:var(--surface); border-color:rgba(var(--line-rgb),0.26); }
.ark-menu-toggle{ display:none; align-items:center; justify-content:center; flex-direction:column; gap:4px;
  width:42px; height:42px; border:1px solid rgba(var(--line-rgb),0.14); border-radius:12px; background:var(--card);
  cursor:pointer; padding:0; }
.ark-menu-toggle span{ width:17px; height:2px; border-radius:2px; background:var(--ink); }
.ark-mobile-menu{ display:none; position:fixed; top:64px; left:0; right:0; z-index:49; background:var(--card);
  border-bottom:1px solid rgba(var(--line-rgb),0.1); box-shadow:0 24px 48px -20px rgba(10,11,13,0.25);
  animation:fadeUp 0.28s cubic-bezier(0.16,1,0.3,1); flex-direction:column; padding:14px clamp(20px,4vw,40px) 22px; }
/* A nyitott állapot a <html>-en ül: a dc-runtime újrarenderelése így nem csukja be. */
:root.ark-menu-open .ark-mobile-menu, .ark-mobile-menu.open{ display:flex; }
.ark-mobile-menu a{ text-decoration:none; font-family:'Figtree',sans-serif; font-weight:500; font-size:17px;
  color:var(--ink); padding:13px 0; border-bottom:1px solid rgba(var(--line-rgb),0.07); }
.ark-mobile-menu a:last-child{ border-bottom:none; margin-top:14px; text-align:center; background:var(--btn-solid-bg);
  color:#FFFFFF; font-weight:600; font-size:16px; padding:15px; border-radius:999px; }
/* 1150px alatt a 7 link + gombok már kilógnának, ezért ott hamburger jön. */
@media (max-width: 1150px) { .ark-nav-links { display:none !important; } .ark-menu-toggle { display:flex; } }
@media (max-width: 900px) { [data-hide-mobile] { display:none !important; } }

/* --- Kereso-gomb a navban ---------------------------------------------
   2026-08-01 elott a search.js injektalta futasidoben, 280 ms korul, ami
   megmozditotta a fejlecet (mert CLS). Most a _nav.html-ben van statikusan,
   ezert a stilusa is ide tartozik - kulonben stilus nelkul villanna fel. */
.ark-nav-search{ display:inline-flex; align-items:center; gap:8px; cursor:pointer;
  font-family:inherit; font-weight:500; font-size:13.5px; color:var(--ink-soft);
  background:var(--field, var(--card)); border:1px solid rgba(var(--line-rgb),0.14); border-radius:999px;
  height:40px; padding:0 12px 0 13px; transition:border-color 0.2s, color 0.2s, background 0.2s; }
.ark-nav-search:hover{ color:var(--ink); border-color:rgba(var(--line-rgb),0.28); background:var(--surface, var(--card)); }
.ark-nav-search svg{ flex:none; color:var(--ink-mute); }
.ark-nav-search:hover svg{ color:var(--ink-soft); }
.ark-nav-search kbd{ font-family:'JetBrains Mono',monospace; font-size:11px; line-height:1; color:var(--ink-mute);
  background:var(--card); border:1px solid rgba(var(--line-rgb),0.16); border-radius:5px; padding:3px 6px; }
@media (max-width:720px){
  .ark-nav-search{ width:40px; padding:0; justify-content:center; }
  .ark-nav-search .ark-nav-search-t, .ark-nav-search kbd{ display:none; }
}

/* --- Horgony-célok a fix nav alatt ------------------------------------
   A nav 64 px magasan, fixen ül a lap tetején. Enélkül minden #horgony
   pontosan a nav ALÁ görget, és a cél első sora takarva marad.
   2026-08-01-en mérve: a fooldal #arak blokkja 0 px-nel allt meg, vagyis a
   nav teljesen eltakarta a szekcio tetejet. */
[id] { scroll-margin-top: 80px; }
