/* Sdílený vzhled právních stránek (zasady-ochrany-udaju.html, podminky.html).
   Vychází z designu index.html, jen v čitelnější „dokumentové" šířce. */
:root{
  --bg:#0F1113; --card:#1B1D21; --text:#F4F5FA; --dim:#9aa0bd;
  --accent:#62C400; --accent2:#84e21c; --border:#363940; --border2:#45484F; --warn:#FBBF24;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --grid:rgba(255,255,255,.022);
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:var(--text);
     line-height:1.65;-webkit-font-smoothing:antialiased;
     background:
       linear-gradient(var(--grid) 1px, transparent 1px),
       linear-gradient(90deg, var(--grid) 1px, transparent 1px),
       var(--bg);
     background-size:34px 34px,34px 34px,auto}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
::selection{background:var(--accent);color:#06110a}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border);border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:padding-box}

header{position:sticky;top:0;z-index:50;background:rgba(20, 21, 24,.9);backdrop-filter:blur(10px);
       border-bottom:1px solid var(--border)}
.nav{max-width:820px;margin:0 auto;padding:0 22px;height:62px;display:flex;align-items:center;gap:12px}
.brand{display:flex;align-items:center;gap:9px;font-family:'Space Grotesk','Inter',sans-serif;
       font-weight:700;font-size:16px;color:var(--text)}
.nav .sp{flex:1}
.nav a.lnk{color:var(--dim);font-size:14px;font-weight:500}
.nav a.lnk:hover{color:var(--accent);text-decoration:none}

main{max-width:820px;margin:0 auto;padding:44px 22px 90px}
h1{font-family:'Space Grotesk','Inter',sans-serif;font-size:34px;letter-spacing:-.7px;line-height:1.2}
h2{font-family:'Space Grotesk','Inter',sans-serif;font-size:20px;letter-spacing:-.3px;
   margin:38px 0 12px;padding-top:20px;border-top:1px solid var(--border)}
h3{font-size:15px;font-weight:700;margin:20px 0 6px}
p,li{color:#d7dae8;font-size:15px}
p{margin:10px 0}
ul,ol{margin:10px 0 10px 22px}
li{margin:5px 0}
strong{color:var(--text)}
.upd{color:var(--dim);font-size:13px;margin-top:10px;font-family:var(--mono);font-variant-numeric:tabular-nums}
.lead{font-size:16px;color:var(--dim);margin-top:14px}

/* Sekční nadpisy: jemná accent značka vlevo */
h2{position:relative}
h2::before{content:'';position:absolute;left:-16px;top:24px;bottom:2px;width:3px;
  background:linear-gradient(var(--accent),var(--accent2))}
@media(max-width:900px){h2::before{display:none}}

/* shrnutí „lidsky" nad právním textem */
.tldr{position:relative;background:linear-gradient(160deg,var(--card),#191B1F);
  border:1px solid var(--border);border-left:3px solid var(--accent);padding:18px 20px;margin:26px 0;
  box-shadow:0 14px 34px -18px rgba(98,196,0,.28)}
.tldr h3{margin:0 0 8px;color:var(--accent);font-size:13px;letter-spacing:.6px;text-transform:uppercase;font-family:var(--mono)}
.tldr ul{margin:0 0 0 18px}
/* registrační rohové značky */
.tldr::before,.tldr::after{content:'';position:absolute;width:10px;height:10px;pointer-events:none}
.tldr::before{top:7px;right:7px;border-top:1.5px solid var(--accent);border-right:1.5px solid var(--accent)}
.tldr::after{bottom:7px;right:7px;border-bottom:1.5px solid var(--accent);border-right:1.5px solid var(--accent)}

.box{background:var(--card);border:1px solid var(--border);padding:16px 18px;margin:16px 0;
  background-image:linear-gradient(180deg,rgba(255,255,255,.025),transparent 60%)}
.box.warn{border-left:3px solid var(--warn)}

/* tabulky (zpracovatelé, doby uchování) */
.tbl{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px;display:block;overflow-x:auto}
.tbl th,.tbl td{border:1px solid var(--border);padding:9px 11px;text-align:left;vertical-align:top}
.tbl th{background:var(--card);font-weight:700;color:var(--text);white-space:nowrap}
.tbl td{color:#d7dae8}

/* místa, kam provozovatel doplní své údaje */
.fill{background:rgba(251,191,36,.14);border-bottom:1px dashed var(--warn);padding:0 4px;color:var(--warn)}

footer{border-top:1px solid var(--border);padding:28px 22px;color:var(--dim);font-size:13px;text-align:center}
footer a{margin:0 9px}

@media print{
  body{background:#fff;color:#000}
  header,footer{display:none}
  p,li,.tbl td{color:#000}
  h2{border-top:1px solid #ccc}
  h2::before,.tldr::before,.tldr::after{display:none}
  .tldr,.box{background:#f4f4f4;border-color:#ccc;box-shadow:none}
  a{color:#000}
}

/* premium: zaoblení + měkkost */
.tldr,.box,.tbl-wrap,.tbl{ border-radius:12px; }
.tldr{ overflow:hidden; }