/* =============================================================================
   Iktató — NAVIGÁCIÓ: fő menü, felhasználó, szöveg-gombok, lapozó.
   Átvéve a far360 nav.css-éből (a „Beállítások” lenyíló nélkül: az iktatóban a
   Beállítások egyszerű menüpont).

   A menüpontok DM Mono kisnagybetűs feliratok (DESIGN.md tipográfia). A 992 px
   alatti összecsukott fiókot a nav-mobil.css adja.
   ============================================================================= */
.f-nav {
  display: flex;
  align-items: center;
  gap: 1.4rem;
  flex-wrap: wrap;
}

/* KOPPINTÁSI FELÜLET: asztalon 24 px (WCAG 2.5.8), mert a menüsor egy sorban marad; a teljes,
   44 px-es célméret a telefonos fiókban van (nav-mobil.css), ahol az ujjal célzás a kockázat. */
.f-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  font-family: var(--font-mono);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--f-on-dark);
  border-bottom: 2px solid transparent;
}
.f-nav a:hover {
  color: var(--f-on-dark-strong);
  text-decoration: none;
}
.f-nav a[aria-current="page"] {
  color: var(--f-on-dark-strong);
  border-bottom-color: var(--f-mustard);
}

/* A „Belépés” gomb a menüsorban nem DM Mono felirat, hanem üveggomb. */
.f-nav a.btn-f-ghost {
  font-family: inherit;
  font-size: 0.85rem;
  letter-spacing: 0;
  text-transform: none;
  border-bottom-color: var(--glass-line-soft);
}

/* --- A felhasználó: név + „Kilépés” POST-gomb -------------------------- */
.f-nav__felhasznalo {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-left: 1.4rem;
  border-left: 1px solid var(--f-line-on-dark);
}
.f-nav__nev {
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--f-on-dark-strong);
}
.f-nav__kilepes { margin: 0; }

/* Szöveg-gomb a SÖTÉT fejlécben: navigációs hivatkozásként viselkedik, nem kiemelt
   műveletként, ezért szándékosan NEM üveggomb. Világos kártyán a .f-szoveg-gomb való. */
.f-link-button {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0;
  background: none;
  border: none;
  font-family: var(--font-mono);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--f-on-dark);
  cursor: pointer;
}
.f-link-button:hover {
  color: var(--f-on-dark-strong);
  text-decoration: underline;
}

/* Visszafogott szöveg-gomb VILÁGOS háttéren. */
.f-szoveg-gomb {
  padding: 0;
  background: none;
  border: none;
  font-family: inherit;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--f-grey);
  text-decoration: underline;
  cursor: pointer;
}
.f-szoveg-gomb:hover,
.f-szoveg-gomb:focus-visible { color: var(--f-danger); }

/* -----------------------------------------------------------------------------
   Lapozó — üveg-pirulák
   ----------------------------------------------------------------------------- */
.f-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
  margin-top: 1.5rem;
}
.f-pagination a,
.f-pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  min-height: 38px;
  padding: 0 0.5rem;
  border-radius: var(--r-pill);
  border: 1px solid var(--glass-line-soft);
  background: var(--glass-secondary);
  backdrop-filter: blur(var(--glass-blur-sm));
  -webkit-backdrop-filter: blur(var(--glass-blur-sm));
  box-shadow: inset 0 1px 0 var(--glass-edge);
  font-size: 0.88rem;
  font-weight: 600;
  color: var(--f-ink);
}
.f-pagination a:hover {
  border-color: var(--glass-line);
  text-decoration: none;
}
.f-pagination .aktiv {
  background: var(--glass-primary);
  border-color: rgba(255, 255, 255, 0.22);
  color: var(--f-on-primary);
}