/* ===========================================================================
   Wevo — právní stránky (VOP, ochrana osobních údajů)
   Navazuje na landing.css: odtud se berou tokeny, lišta, patička i tlačítko
   „Stáhnout v PDF“. Tady je jen čtecí sloupec — jedna míra šířky, číslovaný
   odstavec s visícím odsazením a obsah dokumentu.
   =========================================================================== */

.pravni { padding-top: 44px; padding-bottom: 76px; }
/* Užší než obsah zbytku webu schválně: právní text se čte po řádcích, ne
   po blocích, a 1000 px široká řádka se oko ztrácí. */
.pravni__sloupec { max-width: 760px; margin: 0 auto; }

.pravni__hlava { padding-bottom: 26px; margin-bottom: 34px; border-bottom: 1px solid var(--landing-line); }
.pravni__hlava h1 { margin: 0; color: var(--landing-ink); font-family: Archivo, Inter, sans-serif; font-size: clamp(24px, 3.2vw, 32px); font-weight: 800; letter-spacing: -.9px; line-height: 1.18; }
.pravni__ucinnost { margin: 12px 0 22px; color: var(--landing-muted); font-size: 13px; }
/* Ikona ve tlačítku dědí rozměr z .landing-button, dole se dokresluje jen
   směr šipky — bez vlastní velikosti by se roztáhla na 300 × 150. */
.pravni__pdf { align-self: flex-start; }

.pravni__uvod { margin: 0 0 30px; color: var(--landing-muted); font-size: 14.5px; line-height: 1.7; }

/* --- obsah dokumentu ------------------------------------------------------- */
.pravni-obsah { margin: 0 0 42px; padding: 20px 24px; border: 1px solid var(--landing-line); border-radius: 14px; background: white; }
.pravni-obsah > b { display: block; margin-bottom: 12px; color: var(--landing-muted); font-family: Archivo, Inter, sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.pravni-obsah ol { margin: 0; padding-left: 22px; display: grid; gap: 7px; font-size: 14px; }
.pravni-obsah a { text-decoration: underline; text-decoration-color: var(--landing-line); text-underline-offset: 3px; }
.pravni-obsah a:hover { color: #607d16; text-decoration-color: currentColor; }

/* --- text dokumentu -------------------------------------------------------- */
/* Lišta je přilepená, takže doskok na kotvu z obsahu by nadpis schoval. */
.pravni-cast { margin-bottom: 44px; scroll-margin-top: 100px; }
.pravni-cast:last-of-type { margin-bottom: 0; }
.pravni-cast h2 { margin: 0 0 20px; color: var(--landing-ink); font-family: Archivo, Inter, sans-serif; font-size: 20px; font-weight: 800; letter-spacing: -.5px; line-height: 1.25; }
.pravni-cast h3 { margin: 30px 0 14px; color: var(--landing-ink); font-family: Archivo, Inter, sans-serif; font-size: 15.5px; font-weight: 700; letter-spacing: -.2px; }
.pravni-cast h3:first-of-type { margin-top: 0; }
.pravni-cast > p { margin: 0 0 14px; font-size: 14.5px; line-height: 1.72; }

/* Číslo stojí ve vlastním sloupci, aby text držel jeden levý okraj i přes
   několik řádků — s číslem v toku se druhý řádek vrací pod „4.16.“. */
.pravni-bod { display: grid; grid-template-columns: 52px 1fr; margin: 0 0 14px; font-size: 14.5px; line-height: 1.72; }
.pravni-bod > b { font-weight: 700; font-variant-numeric: tabular-nums; }
/* Třetí úroveň (3.4.1) patří pod svůj bod a číslo je o znak delší. */
.pravni-bod--uroven3 { margin-left: 28px; grid-template-columns: 62px 1fr; }

.pravni-pozn { margin: 20px 0 0; color: var(--landing-muted); font-size: 13px; line-height: 1.6; }

.pravni__dalsi { margin: 52px 0 0; padding-top: 26px; border-top: 1px solid var(--landing-line); color: var(--landing-muted); font-size: 14px; }
.pravni__dalsi a { color: var(--landing-ink); text-decoration: underline; text-underline-offset: 3px; }
.pravni__dalsi a:hover { color: #607d16; }

@media (max-width: 640px) {
    .pravni { padding-top: 30px; padding-bottom: 54px; }
    .pravni__hlava { margin-bottom: 26px; }
    /* Na mobilu je 52px sloupec na číslo zbytečná daň z šířky — číslo si
       sedne nad text. */
    .pravni-bod, .pravni-bod--uroven3 { grid-template-columns: 1fr; margin-bottom: 16px; }
    .pravni-bod--uroven3 { margin-left: 14px; }
    .pravni-obsah { padding: 18px 18px; }
}