/* =============================================================================
   Iktató — ALAPOK: reset, tipográfiai alaphang, fókuszjelzés, segéd-osztályok.
   Átvéve a far360 base.css-éből, az absec tokennevekre átírva.

   A címsor-skála az absec.hu hangja (Archivo 500, szoros betűköz, szoros sortáv),
   de VISSZAFOGOTT méretekkel: ez a napi munkafelület alaphangja. A nagy skálát
   (--t-h1, --t-h2) csak a nyitólapok hero-ja és a termék-nyitólap használja.
   ============================================================================= */
*, *::before, *::after { box-sizing: border-box; }

/* [hidden]: a kezdeti láthatóság hordozója (NEM style="display:none"). !important:
   így minden komponens display-e fölött elrejt. */
[hidden] { display: none !important; }

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.55;
  color: var(--f-ink);
  background: var(--f-ground);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Hosszú magyar összetett szavak és e-mail-címek ne nyújtsák szét a lapot. */
  overflow-wrap: break-word;
}

/* Címsorok: Archivo 500/600, szoros betűköz. */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0.6em;
  color: var(--f-ink);
  font-weight: 500;
  line-height: 1.08;
}

h1 {
  font-size: clamp(1.75rem, 3.4vw, 2.25rem);
  letter-spacing: -0.038em;
  line-height: 1.02;
}

h2 {
  font-size: clamp(1.375rem, 2.2vw, 1.625rem);
  letter-spacing: -0.032em;
}

h3 {
  font-size: 1.1875rem;
  font-weight: 600;
  letter-spacing: -0.024em;
}

h4, h5, h6 {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.015em;
}

p { margin: 0 0 1em; }

/* Szövegként használt hivatkozás: --f-primary-ink (a bérlő színéből a /arculat.css
   olyan árnyalatot ad, ami a lapháttéren is eléri a 4,5:1-et). */
a {
  color: var(--f-primary-ink);
  text-decoration: none;
}
a:hover {
  color: var(--f-primary-ink-hover);
  text-decoration: underline;
}

img { display: block; max-width: 100%; }

ul, ol { padding-left: 1.25em; }

strong, b { font-weight: 600; }

/* -----------------------------------------------------------------------------
   FÓKUSZJELZÉS — WCAG 2.4.7 + 1.4.11. KÉT gyűrű, nem egy: belül 2 px fehér
   távtartó, kívül 3 px --f-ink körvonal. Világos lapon az ink gyűrű visz
   (16,71:1 a --f-ground fölött). A SÖTÉT felületeken (fejléc, lábléc) a két gyűrű
   felcserélődik: kívül mustár, belül ink — ott az ink körvonal beleolvadna.
   ----------------------------------------------------------------------------- */
:focus-visible {
  outline: 3px solid var(--f-ink);
  outline-offset: 2px;
  box-shadow: 0 0 0 2px var(--f-white);
  border-radius: 3px;
}

.f-header :focus-visible,
.f-footer :focus-visible,
.u-dark :focus-visible {
  outline-color: var(--f-mustard);
  box-shadow: 0 0 0 2px var(--f-dark);
}

.f-skip-link {
  position: absolute;
  left: -999px;
  top: auto;
  z-index: 1000;
  padding: 0.75em 1.25em;
  border-radius: 0 0 var(--r-field) 0;
  background: var(--f-dark);
  color: var(--f-on-dark-strong);
  font-weight: 600;
}
.f-skip-link:focus {
  left: 0;
  top: 0;
}

/* -----------------------------------------------------------------------------
   Segéd-osztályok (a térköz-segédek a segedek.css-ben vannak, mind !important)
   ----------------------------------------------------------------------------- */
.f-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* DM Mono: címkék, sorszámok, kis nagybetűs feliratok (DESIGN.md tipográfia). */
.f-mono {
  font-family: var(--font-mono);
  font-size: var(--t-mono);
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Iktatószám, hash, időbélyeg: DM Mono, nem nagybetűsítve, a számjegyek egy szélesek. */
.f-azonosito {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}

.f-lead {
  font-size: var(--t-lead);
  line-height: 1.45;
  color: var(--f-ink-soft);
}

.f-text-grey { color: var(--f-grey); }
.f-text-kiemelt { color: var(--f-primary-ink); font-weight: 600; }
.f-text-center { text-align: center; }
.f-flex { display: flex; }
.f-flex-between { display: flex; justify-content: space-between; align-items: center; }
.f-gap-1 { gap: 0.5rem; }
.f-gap-2 { gap: 1rem; }

.f-empty-state {
  text-align: center;
  padding: 3rem 1.5rem;
  color: var(--f-grey);
}

/* -----------------------------------------------------------------------------
   MOZGÁSCSÖKKENTÉS — a rendszerbeállítás minden átmenetet és animációt leállít.
   ----------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}