/* Právní stránky (page-pravni.php): Ochrana osobních údajů, Obchodní podmínky,
   Cookies. Úvod (.sl-hero) je ze sluzba.css, tady je jen dokument.

   Dokument se čte, ne prohlíží: jeden sloupec textu do 72 znaků, vlevo
   přilepený obsah s kotvami. Žádné plochy ani vodoznaky, jen typografie
   a jemné oddělení účelů zpracování. */

.pr-page .sl-hero h1{max-width:18ch}
.pr-datum{margin:18px 0 0;font-size:14px;font-weight:600;letter-spacing:.01em;color:#AEB3D8}

.pr-page .pr-dokument{padding:24px 0 112px}
.pr-mrizka{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}

/* ---------- obsah vlevo ---------- */
.pr-obsah{position:sticky;top:calc(var(--hdr-h, 80px) + 28px);display:grid;gap:36px;font-size:15px}
.pr-page .pr-obsah h2{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:left;color:var(--body-soft)}
.pr-obsah ol,.pr-obsah ul{display:grid;gap:2px}
.pr-obsah a{display:block;padding:6px 0 6px 14px;border-left:2px solid var(--line);color:var(--body);font-weight:600;line-height:1.35;text-decoration:none;transition:color .2s,border-color .2s}
.pr-obsah a:hover{color:var(--ink);border-left-color:var(--orange)}
.pr-obsah a:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}
.pr-dalsi a{border-left-color:transparent;padding-left:0;color:var(--purple)}
.pr-dalsi a:hover{border-left-color:transparent;text-decoration:underline;text-underline-offset:.25em}

/* ---------- text dokumentu ---------- */
.pr-text{max-width:72ch;color:var(--body);font-size:17.5px;line-height:1.7}
.pr-page .pr-sekce{padding:0;scroll-margin-top:calc(var(--hdr-h, 80px) + 24px)}
.pr-sekce + .pr-sekce{margin-top:56px}
.pr-page .pr-text h2{margin:0 0 18px;font-size:clamp(24px,2.3vw,30px);letter-spacing:-.025em;line-height:1.2;text-align:left;color:var(--ink)}
.pr-page .pr-text h3{margin:0 0 12px;font-size:19px;letter-spacing:-.015em;color:var(--ink)}
.pr-text p{margin:0 0 14px;text-wrap:pretty}
.pr-text strong{color:var(--ink)}
.pr-text a,.pr-odkaz{color:var(--purple);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.pr-text a:hover,.pr-odkaz:hover{color:var(--ink)}
.pr-text a[href^="tel:"],.pr-text a[href^="mailto:"]{white-space:nowrap}
.pr-odkaz{padding:0;border:0;background:none;font:inherit;font-weight:600;cursor:pointer}
.pr-text code{padding:1px 6px;border-radius:6px;background:var(--lav);color:var(--ink);font-size:.88em;white-space:nowrap}
.pr-page .pr-text ul{list-style:disc;margin:0 0 14px;padding-left:1.3em}
.pr-text ul li{margin:4px 0;padding-left:4px}
.pr-text ul li::marker{color:var(--orange)}

/* účel zpracování: co, proč, základ, jak dlouho */
.pr-ucel{margin:22px 0;padding:24px 26px 8px;border-radius:var(--r-card);background:var(--lav-2)}
.pr-ucel dl{margin:0}
.pr-ucel dl>div{display:grid;grid-template-columns:minmax(110px,150px) minmax(0,1fr);gap:4px 20px;padding:10px 0;border-top:1px solid var(--line)}
.pr-ucel dt{font-size:14px;font-weight:700;color:var(--ink);padding-top:2px}
.pr-ucel dd{margin:0;font-size:16px;line-height:1.6}

/* číslované body obchodních podmínek: 3.2 vlevo, text vpravo */
.pr-page .pr-body{display:grid;gap:12px;margin:0}
.pr-body li{display:grid;grid-template-columns:3.2em minmax(0,1fr);gap:10px}
.pr-body p{margin:0}
.pr-cislo{font-size:14px;font-weight:700;color:var(--orange);font-variant-numeric:tabular-nums;padding-top:4px}

/* vzor odstoupení: vypadá jako formulář k vyplnění */
.pr-vzor{margin:26px 0 0;padding:24px 26px;border:1.5px dashed var(--line);border-radius:var(--r-card);background:#fff}
.pr-vzor p:last-child{margin-bottom:0}

/* tabulka cookies */
.pr-tabulka{margin:8px 0 20px;overflow-x:auto;border-radius:var(--r-card);border:1px solid var(--line)}
.pr-tabulka:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.pr-tabulka table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.pr-tabulka th,.pr-tabulka td{padding:13px 16px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.pr-tabulka thead th{border-top:0;background:var(--lav-2);font-size:13px;font-weight:700;color:var(--ink)}
.pr-tabulka tbody th{font-weight:600}
.pr-tlacitko{margin-top:4px}
.pr-text .pr-tlacitko{color:#fff;text-decoration:none}

/* šablona přiřazená jiné stránce */
.pr-obecna{padding-top:48px;padding-bottom:96px;max-width:860px}

/* ---------- menší okna ---------- */
@media (max-width:900px){
  .pr-mrizka{grid-template-columns:minmax(0,1fr)}
  .pr-obsah{position:static;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:22px 24px;border-radius:var(--r-card);background:var(--lav-2)}
}
@media (max-width:640px){
  .pr-page .pr-dokument{padding:8px 0 80px}
  .pr-text{font-size:16.5px}
  .pr-sekce + .pr-sekce{margin-top:44px}
  .pr-ucel{padding:20px 18px 6px}
  .pr-ucel dl>div{grid-template-columns:minmax(0,1fr)}
  .pr-body li{grid-template-columns:2.6em minmax(0,1fr)}
  /* tabulka jako karty: popisek sloupce je u každé hodnoty */
  .pr-tabulka{border:0;border-radius:0;overflow:visible}
  .pr-tabulka thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .pr-tabulka tr{display:block;margin-bottom:12px;padding:6px 16px 10px;border-radius:16px;background:var(--lav-2)}
  .pr-tabulka th,.pr-tabulka td{display:block;padding:6px 0;border-top:0}
  .pr-tabulka td::before{content:attr(data-popisek);display:block;font-size:12.5px;font-weight:700;color:var(--ink)}
}