/* =========================================================
   GOLDENCUT — JOGI / INFORMÁCIÓS OLDALAK közös sablonja
   (aszf.html, adatkezeles.html, elallas.html, impresszum.html)
   Egyszerű, középre fogott szöveges oldal. Fehér/krém szöveg
   ZÖLD alapon (brand szabály). Örökli a fejlécet/footert/JS-t
   és a styles-kategoria.css .breadcrumb szabályát.
   ========================================================= */

:root { --header-h: 78px; }

/* Krém szöveg zöld alapon (brand szabály) */
body.doc-page {
  background:
    radial-gradient(900px 600px at 80% -10%, rgba(90,145,101,0.10), transparent 60%),
    var(--panel-2);
}
body.doc-page .page-bg { display: none; }

.doc-wrap { max-width: 820px; margin: 0 auto; padding: 7.5rem 2rem 5rem; }

/* ---------- Fejléc ---------- */
.doc-head { margin-bottom: 2.5rem; padding-bottom: 2rem; border-bottom: 1px solid var(--line-soft); }
.doc-head .breadcrumb { margin-bottom: 1.4rem; }
.doc-head .eyebrow { display: block; margin-bottom: 0.9rem; }
.doc-title {
  font-family: var(--f-display); font-weight: 300;
  font-size: clamp(2.2rem, 5vw, 3.4rem); line-height: 1.04; letter-spacing: -0.02em;
  margin-bottom: 1rem;
}
.doc-meta { font-size: 0.85rem; color: var(--ink-dim); }

/* ---------- Tartalom ---------- */
.doc-body > p { font-size: 1rem; line-height: 1.8; color: var(--ink-soft); margin-bottom: 1.3rem; }
.doc-body > p:first-of-type { color: var(--ink); }
.doc-body h2 {
  font-family: var(--f-display); font-weight: 400; font-size: 1.55rem; letter-spacing: -0.01em;
  margin: 2.6rem 0 0.9rem; color: var(--ink);
}
.doc-body h2 .num { color: var(--gold); font-style: italic; margin-right: 0.5rem; }
.doc-body h3 {
  font-family: var(--f-display); font-weight: 500; font-size: 1.2rem;
  margin: 1.8rem 0 0.7rem; color: var(--ink);
}
.doc-body a { color: var(--gold); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--gold-soft); }
.doc-body a:hover { text-decoration-color: var(--gold); }
.doc-body ul { list-style: none; margin: 0 0 1.3rem; padding: 0; }
.doc-body li { position: relative; padding-left: 1.6rem; margin-bottom: 0.6rem; color: var(--ink-soft); line-height: 1.7; }
.doc-body li::before { content: "✦"; position: absolute; left: 0; color: var(--gold); font-size: 0.8rem; top: 0.2rem; }

/* Adat-tábla (impresszum / cégadatok) */
.doc-table { border-top: 1px solid var(--line-soft); margin: 1rem 0 1.5rem; }
.doc-table div { display: flex; gap: 1.5rem; padding: 0.8rem 0; border-bottom: 1px solid var(--line-soft); }
.doc-table dt { flex: 0 0 38%; color: var(--ink-dim); font-size: 0.92rem; }
.doc-table dd { flex: 1; color: var(--ink); font-size: 0.92rem; font-weight: 500; }

/* Figyelmeztető / minta sáv */
.doc-note {
  margin: 1.5rem 0; padding: 1.1rem 1.3rem; border-left: 3px solid var(--gold);
  background: var(--gold-soft); border-radius: 3px;
  color: var(--ink-soft); font-size: 0.9rem;
}

@media (max-width: 540px) {
  .doc-wrap { padding-top: 6.5rem; }
  .doc-table div { flex-direction: column; gap: 0.2rem; }
}