/* Legal & Compliance -- a gyűjtőoldal és a négy jogi aloldal extrái.

   A css/sections.css-hez SZÁNDÉKOSAN nem nyúlunk (párhuzamos munka folyik
   rajta). Ide csak az kerül, amit a meglévő rendszer tényleg nem fed le:
   a szekció-, kártya-, gomb-, doclist- és subhero-stílusok változatlanul a
   base.css / components.css / sections.css-ből jönnek.

   Minden érték tokenből. Hardcode hex nincs.
*/

/* --- Jogi szövegtörzs -------------------------------------------------
   A váz a .nw-article__body + .nw-editorial párosból jön (72ch mérő, Lora,
   laza sorköz). Ugyanaz az olvasási helyzet, mint egy cikknél, ezért nem
   duplikáljuk -- csak az hiányzik belőle, amire a cikkeknek nem volt
   szükségük: harmadik címszint és valódi felsorolások.

   A base.css globálisan leszedi a listajelölést (ul, ol { list-style: none }),
   mert a nav- és kártyalisták azt igénylik. Jogi szövegben viszont a
   felsorolás TARTALOM: a pontok megléte és -- számozott listánál -- a
   sorszámuk hivatkozási alap, ezért itt visszakapják a jelölésüket. */
.nw-legal h3 {
  font-size: var(--nw-text-lg);
  margin-block-start: var(--nw-space-4);
}
.nw-legal ul,
.nw-legal ol {
  padding-inline-start: 1.5rem;
  max-width: var(--nw-measure);
}
.nw-legal ul { list-style: disc; }
.nw-legal ol { list-style: decimal; }
.nw-legal li { margin-block-end: 0.5rem; }
.nw-legal li:last-child { margin-block-end: 0; }
.nw-legal li::marker { color: var(--nw-accent-text); }

/* Gombsor: forrás-PDF, külső bejelentőfelület, visszalépés. */
.nw-legal__cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--nw-space-1);
  margin-block: var(--nw-space-3);
  max-width: none;
}

/* Kiemelt figyelmeztetés a jogi szövegben (pl. "Important Notice").
   A Sun itt 3px-es jelzősáv, nem háttér -- a brandbook 10-15%-os
   felületkorlátja így nem sérül. */
.nw-legal__notice {
  padding: var(--nw-space-2) var(--nw-space-3);
  border-inline-start: 3px solid var(--nw-sun);
  border-radius: var(--nw-r-sm);
  background: var(--nw-sunk);
  max-width: var(--nw-measure);
}

/* --- Hotline-lista ----------------------------------------------------
   15 ország telefonszáma. Egy hasábban ez egy hosszú, olvashatatlan oszlop
   lenne, ezért auto-fit rács: nagy képernyőn 3-4 hasáb, mobilon egy.
   Az ország és a szám ellentétes széleken áll, közöttük vékony vonal --
   így a szem végig tudja húzni a sort.

   A .nw-legal ul disc-jelölése itt kifejezetten zavarna: ez nem szöveges
   felsorolás, hanem adattábla listaként. */
.nw-legal .nw-hotlines {
  list-style: none;
  padding-inline-start: 0;
  max-width: none;
  display: grid;
  /* A min(230px, 100%) nem stiluskerdes: sima minmax(230px, 1fr) eseten a
     hasab MEG akkor is 230px marad, ha a kontener ennel keskenyebb -- a
     leghosszabb szam (+86108003200116) ilyenkor kilog a szekciobol. 320px
     alatti nezetben ez merhetoen elofordult. */
  grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr));
  gap: 0 var(--nw-space-4);
  margin-block-start: var(--nw-space-3);
}
.nw-hotlines li {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--nw-space-2);
  margin: 0;
  padding-block: 0.6rem;
  border-block-end: 1px solid var(--nw-rule);
}
.nw-hotlines__country {
  font-family: var(--nw-font-display);
  font-size: var(--nw-text-sm);
  font-weight: var(--nw-fw-medium);
}
/* A szamok 2026-09-07 ota SIMA SZOVEG, nem tel: link (ugyfel-keres). A
   tabular-nums azert marad, mert igy a szamjegyek azonos szelesek, es a
   jobbra igazitott oszlop nem "tancol" soronkent. */
.nw-hotlines__num {
  font-size: var(--nw-text-sm);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--nw-fg-secondary);
}

/* A hívás előtt kötelezően megadandó cégazonosító. Az EQS rendszere enélkül
   nem veszi fel a bejelentést, tehát ez a lap legfontosabb egyetlen adata --
   ezért kap önálló, kiemelt dobozt a folyószöveg helyett. */
.nw-pin {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.35rem 0.8rem;
  margin-block-start: var(--nw-space-3);
  padding: 0.75rem 1.25rem;
  border: 1px solid var(--nw-rule);
  border-inline-start: 3px solid var(--nw-sun);
  border-radius: var(--nw-r-sm);
  background: var(--nw-surface);
  font-family: var(--nw-font-display);
}
.nw-pin__label {
  font-size: var(--nw-text-sm);
  color: var(--nw-fg-secondary);
}
.nw-pin__value {
  font-size: var(--nw-text-xl);
  font-weight: var(--nw-fw-bold);
  letter-spacing: 0.12em;
  font-variant-numeric: tabular-nums;
}

/* Impresszum-blokk: cím, telefon, e-mail egy tömbben, sortöréssel.
   A <p> alapból 1rem alsó margót kap, itt viszont a sorok EGY adatblokkot
   alkotnak, nem külön bekezdéseket. */
.nw-legal__addr {
  font-family: var(--nw-font-body);
  font-size: var(--nw-text-base);
  line-height: var(--nw-leading-body);
}

/* Egész oldalra szóló placeholder-figyelmeztetés (Privacy Policy).
   A badge-et a meglévő .nw-ph viszi, tehát a body.is-wireframe levételével
   ez is elhalványul -- de a doboz maga marad, mert amíg lorem ipsum a
   tartalom, addig az éles nézetben is látszania kell, hogy ez nem végleges. */
.nw-legal__phnote {
  padding: var(--nw-space-2) var(--nw-space-3);
  border: 1px dashed var(--nw-sun);
  border-radius: var(--nw-r-sm);
  max-width: var(--nw-measure);
}

/* --- Gyűjtőoldal -----------------------------------------------------
   A kategória-szekciók listáit a js/legal.js tölti fel. Amíg üres, a lista
   ne hagyjon maga után szellemhelyet a cím alatt. */
.nw-doclist:empty { display: none; }