/* ==========================================================================
   1x1 MEDIA — Jogi / utility aloldalak (impresszum, adatkezelés, süti,
   fiók-törlés). A körítést a redesign.css rd-section/rd-wrap/rd-eyebrow
   rendszerére hangolja a meglévő .legal-page kereten belül. A jogi TARTALOM
   tipográfiáját (#legal-content h1/h2/h3/p/ul/ol/table) a style.css már
   definiálja (854-873. sor) — azt itt NEM írjuk felül, csak kiegészítjük
   a mobil-olvashatósággal (hosszú URL/e-mail, táblázat-túlfolyás).
   Tölt: style.css → redesign.css → jogi.css (ez utolsó, felülírhat).
   ========================================================================== */

/* A .legal-page (style.css) már ad max-width-et + top/bottom paddinget
   (a fix navigáció alól kihúzva) — a benne lévő rd-section/rd-wrap ne
   duplázza a paddingot, csak a cím-blokk ritmusát adja hozzá. */
.legal-page .jogi-section { padding: 0; }
.legal-page .jogi-wrap { max-width: none; padding: 0; }
.legal-page .back-link { margin-bottom: 28px; }

/* Cím-blokk: eyebrow + oldal-cím (a dinamikusan betöltött jogi tartalom
   fölött — a #legal-content JSON-tartalom saját maga NEM ad h1-et, csak
   h2-tól kezd, lásd storvia/bluehome legal.json minta). */
.legal-page .jogi-title {
    font-size: clamp(30px, 4.4vw, 42px);
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.15;
    color: var(--clr-text);
    margin: 0 0 28px;
}

/* Jogi-szöveg mobil-olvashatóság: hosszú URL/e-mail/cím sose lógjon ki. */
#legal-content,
#legal-content * {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Táblázat: saját horizontális görgetősáv, ha több oszlop nem fér 375px-en
   (a table maga width:100%-on marad a style.css szerint, ez csak a
   túlcsordulást kezeli). */
#legal-content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 480px) {
    .legal-page .jogi-title { margin-bottom: 22px; }
}