/* Maturitka — spoločný štýl právnych stránok (/cookies, /ochrana-osobnych-udajov, /podmienky).
   Vychádza z dizajnových tokenov hlavnej stránky, aby pôsobili ako súčasť webu. */

:root{
  --brand:#FF6A3D; --brand-press:#E54E22; --brand-soft:#FFE7DC; --brand-softer:#FFF2EC; --brand-ink:#C53A12;
  --success:#43C478; --success-soft:#E2F7EC;
  --streak:#FFB020; --streak-soft:#FFF3DC;
  --info:#2BB3D6; --info-soft:#DBF4FA;
  --bg:#FFFBF8; --surface:#fff; --surface-2:#FFF6F1; --line:#F0E4DC; --line-2:#E7D8CE;
  --ink:#2A211C; --ink-2:#6E5F56; --ink-3:#A89A8F;
  --fd:'Baloo 2',system-ui,sans-serif; --fu:'Nunito',system-ui,sans-serif; --fs:'Lora',Georgia,serif;
  --r-md:16px; --r-lg:22px; --r-xl:30px; --r-pill:999px;
  --sh-soft:0 8px 24px rgba(180,80,40,.10);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html{scroll-behavior:smooth;}
body{
  margin:0; font-family:var(--fu); color:var(--ink); background:var(--bg); line-height:1.62;
  overflow-x:hidden; -webkit-text-size-adjust:100%;
  background-image:radial-gradient(circle at 88% -5%, #FFE7DC 0, transparent 38%),
                   radial-gradient(circle at 5% 12%, #FFF3DC 0, transparent 30%);
  background-repeat:no-repeat;
}
img{display:block;max-width:100%;}
a{color:var(--brand-ink);text-decoration:underline;text-underline-offset:2px;}
a:hover{color:var(--brand);}
.wrap{max-width:820px;margin:0 auto;padding:0 22px;}

/* ---------- hlavička ---------- */
header.nav{
  position:sticky;top:0;z-index:50; background:rgba(255,251,248,.88);
  backdrop-filter:blur(12px); border-bottom:1px solid var(--line);
}
header.nav .wrap{max-width:1140px;display:flex;align-items:center;gap:16px;height:68px;}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none;}
.brand img{width:38px;height:38px;}
.brand b{font-family:var(--fd);font-weight:800;font-size:21px;color:var(--ink);}
.back{
  margin-left:auto;font-family:var(--fd);font-weight:800;font-size:14.5px;color:var(--ink-2);
  text-decoration:none;background:var(--surface-2);border:2px solid var(--line);
  padding:8px 16px;border-radius:var(--r-pill);white-space:nowrap;
}
.back:hover{color:var(--brand);border-color:var(--brand-soft);}

/* ---------- obsah ---------- */
main{padding:44px 0 20px;}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:12.5px;letter-spacing:.05em;
  text-transform:uppercase;color:var(--brand-ink);background:var(--brand-soft);
  padding:7px 14px;border-radius:var(--r-pill);
}
h1{font-family:var(--fd);font-weight:800;font-size:42px;line-height:1.08;letter-spacing:-.01em;margin:18px 0 10px;}
h2{font-family:var(--fd);font-weight:800;font-size:25px;line-height:1.2;margin:44px 0 12px;scroll-margin-top:84px;}
h3{font-family:var(--fd);font-weight:800;font-size:18.5px;margin:26px 0 8px;}
p,li{font-size:16.5px;color:var(--ink-2);font-weight:500;}
p{margin:0 0 14px;}
strong,b{color:var(--ink);font-weight:800;}
ul,ol{margin:0 0 16px;padding-left:22px;}
li{margin-bottom:7px;}
.updated{font-size:14.5px;color:var(--ink-3);font-weight:700;margin:0 0 6px;}
.lead{font-size:19px;color:var(--ink-2);font-weight:600;margin:0 0 26px;}
hr{border:none;border-top:1px solid var(--line);margin:40px 0;}

/* ---------- zvýraznené bloky ---------- */
.note{
  background:var(--surface);border:2px solid var(--line);border-radius:var(--r-lg);
  padding:20px 22px;margin:0 0 26px;box-shadow:var(--sh-soft);
}
.note.good{background:var(--success-soft);border-color:#BFEBD3;}
.note.info{background:var(--info-soft);border-color:#BEE9F3;}
.note.warn{background:var(--streak-soft);border-color:#F7DFAE;}
.note > :last-child{margin-bottom:0;}
.note h3{margin-top:0;}

/* ---------- tabuľka ---------- */
.tbl-scroll{overflow-x:auto;margin:0 0 26px;-webkit-overflow-scrolling:touch;}
table{border-collapse:collapse;width:100%;min-width:640px;background:var(--surface);
  border:2px solid var(--line);border-radius:var(--r-md);overflow:hidden;}
caption{text-align:left;font-size:14px;color:var(--ink-3);font-weight:700;padding:0 0 8px;}
th,td{padding:11px 13px;text-align:left;font-size:14.5px;border-bottom:1px solid var(--line);vertical-align:top;}
th{font-family:var(--fd);font-weight:800;font-size:14px;color:var(--ink);background:var(--surface-2);white-space:nowrap;}
td{color:var(--ink-2);font-weight:500;}
tr:last-child td{border-bottom:none;}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;
  background:var(--brand-softer);color:var(--brand-ink);padding:2px 6px;border-radius:6px;
  overflow-wrap:anywhere;}
/* v tabuľke sa názvy nesmú lámať uprostred slova — tabuľka sa radšej posunie do strany */
td code,th code{white-space:nowrap;overflow-wrap:normal;}

/* ---------- údaje prevádzkovateľa ---------- */
.operator{list-style:none;padding:0;margin:0;}
.operator li{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:6px;font-size:15.5px;}
.operator li span{color:var(--ink-3);font-weight:700;min-width:190px;flex:none;}
.operator li b{color:var(--ink);font-weight:800;}

/* ---------- pätička ---------- */
footer{border-top:1px solid var(--line);margin-top:56px;padding:30px 0 44px;background:var(--surface-2);}
footer .wrap{max-width:1140px;display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center;}
footer a{font-family:var(--fd);font-weight:800;font-size:14.5px;color:var(--ink-2);text-decoration:none;}
footer a:hover{color:var(--brand);}
footer .copy{font-size:14px;color:var(--ink-3);font-weight:600;width:100%;margin-top:6px;}

/* ---------- mobil ---------- */
@media (max-width:640px){
  h1{font-size:31px;}
  h2{font-size:21px;margin-top:36px;}
  .lead{font-size:17px;}
  p,li{font-size:16px;}
  main{padding:32px 0 12px;}
  header.nav .wrap{height:60px;gap:10px;}
  .brand b{font-size:19px;}
  .back{font-size:13.5px;padding:7px 13px;}
  .operator li span{min-width:100%;}
  .operator li{flex-direction:column;gap:1px;margin-bottom:11px;}
}