/* =========================================================
   Loop Magazin — Közlönyfigyelő rovat tokenek
   Készítette: Dani (Brand & Design) — 2026-05-20
   Alap: loopmagazin/colors_and_type.css
   Cél:    a /kozlony és /kozlony/YYYY-wXX oldalak rovat-specifikus
           vizuális szabályai. A fő system tokeneket NEM írja felül —
           csak kiegészíti rovat-szintű aliasokkal.
   ========================================================= */

:root {
  /* ---- Rovat felületek ---- */
  --kozlony-paper:        #fafaf7;   /* enyhén meleg paper — közlöny-érzet, kontraszt a fő site pure-white-jával */
  --kozlony-paper-soft:   #f4f4ef;   /* tételek közötti finom mezők */
  --kozlony-ink:          var(--ink);             /* #000 */
  --kozlony-ink-soft:     var(--ink-soft);        /* #1a1a1a */
  --kozlony-ink-muted:    var(--ink-muted);       /* #6e6e6e — meta, hatály, forrás */

  /* ---- Hairline rule ---- */
  --kozlony-rule:         1px solid #000;
  --kozlony-rule-soft:    1px solid #d4d4d4;

  /* ---- Rovat-szignál (kihirdetés / sürgős cselekvés) ---- */
  --kozlony-signal:       #c8102e;   /* öröklés: --accent-red — szigorúan tételszámozáshoz és sürgős hatály-jelzőhöz */
  --kozlony-signal-soft:  #b03a2e;

  /* ---- Tipográfia ---- */
  --kozlony-font-display: var(--font-display);    /* Playfair Display */
  --kozlony-font-body:    var(--font-body);       /* Inter Tight */
  --kozlony-font-mono:    var(--font-mono);       /* JetBrains Mono */

  /* ---- Méretek (koncepció §05.1) ---- */
  --kozlony-t-title:      clamp(28px, 3vw, 36px); /* heti szám címe */
  --kozlony-t-item:       clamp(20px, 2vw, 24px); /* tételcím */
  --kozlony-t-body:       15px;                   /* tétel-törzs, Inter Tight */
  --kozlony-t-meta:       13px;                   /* Mit szabályoz / Kire / Hatály labelek */
  --kozlony-t-eyebrow:    11px;                   /* „KÖZLÖNYFIGYELŐ · W21" */
  --kozlony-t-mono:       13px;                   /* tételszám, dátum */

  /* ---- Spacing (a fő rendszerből) ---- */
  --kozlony-gap-item:     var(--s-12);            /* 48px tételek között */
  --kozlony-gap-meta:     var(--s-2);             /* 8px meta-sor */
}

/* ---- Rovat-konténer ---- */
.kozlony {
  background: var(--kozlony-paper);
  color: var(--kozlony-ink);
  font-family: var(--kozlony-font-body);
  font-size: var(--kozlony-t-body);
  line-height: var(--lh-body);
  padding: var(--s-16) var(--s-6);
  max-width: 760px;
  margin: 0 auto;
}

/* ---- Eyebrow: „KÖZLÖNYFIGYELŐ · 2026-W21 · PÉNTEK 07:00" ---- */
.kozlony__eyebrow {
  font-family: var(--kozlony-font-mono);
  font-size: var(--kozlony-t-eyebrow);
  letter-spacing: var(--tr-eyebrow);
  text-transform: uppercase;
  color: var(--kozlony-ink);
  margin-bottom: var(--s-6);
}

/* ---- Heti szám fő címe ---- */
.kozlony__title {
  font-family: var(--kozlony-font-display);
  font-weight: 700;
  font-size: var(--kozlony-t-title);
  line-height: var(--lh-display);
  letter-spacing: var(--tr-display);
  color: var(--kozlony-ink);
  margin: 0 0 var(--s-4);
}

/* ---- Hairline rule az eyebrow alatt és tételek között ---- */
.kozlony__rule {
  border: 0;
  border-top: var(--kozlony-rule);
  margin: var(--s-8) 0;
}

/* ---- Egy tétel ---- */
.kozlony__item {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: var(--s-4);
  padding: var(--s-8) 0;
  border-bottom: var(--kozlony-rule-soft);
}
.kozlony__item:last-of-type { border-bottom: 0; }

/* ---- Tételszám (01, 02, 03...) — mono signal-piros ---- */
.kozlony__num {
  font-family: var(--kozlony-font-mono);
  font-size: var(--kozlony-t-mono);
  font-weight: 500;
  color: var(--kozlony-signal);
  letter-spacing: var(--tr-meta);
  padding-top: 6px;
}

/* ---- Tétel-cím (a kihirdetés rövid címe) ---- */
.kozlony__item-title {
  font-family: var(--kozlony-font-display);
  font-weight: 600;
  font-size: var(--kozlony-t-item);
  line-height: var(--lh-snug);
  margin: 0 0 var(--s-3);
  color: var(--kozlony-ink);
}

/* ---- Meta-grid: Mit szabályoz / Kire / Hatály / Cselekvés / Forrás ---- */
.kozlony__meta {
  display: grid;
  grid-template-columns: 100px 1fr;
  row-gap: var(--kozlony-gap-meta);
  column-gap: var(--s-4);
  margin-top: var(--s-4);
}
.kozlony__meta dt {
  font-family: var(--kozlony-font-body);
  font-size: var(--kozlony-t-meta);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--tr-meta);
  color: var(--kozlony-ink-muted);
}
.kozlony__meta dd {
  margin: 0;
  font-size: var(--kozlony-t-meta);
  color: var(--kozlony-ink-soft);
}

/* ---- Forrás link (mono, alulhúzott) ---- */
.kozlony__source {
  font-family: var(--kozlony-font-mono);
  font-size: var(--kozlony-t-mono);
  color: var(--kozlony-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ---- Archívum index (üres állapot) ---- */
.kozlony-archive__empty {
  font-family: var(--kozlony-font-body);
  font-size: var(--kozlony-t-body);
  color: var(--kozlony-ink-muted);
  padding: var(--s-12) 0;
  border-top: var(--kozlony-rule);
  border-bottom: var(--kozlony-rule);
  text-align: center;
  letter-spacing: var(--tr-meta);
}