/* Spolocny styl pre pravne stranky — drzi sa palety a typografie webu. */
@font-face{font-family:'Antonio';font-style:normal;font-weight:100 700;font-display:swap;
  src:url('fonts/antonio-variable.woff2') format('woff2-variations')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/space-grotesk-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/space-grotesk-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;
  src:url('fonts/space-grotesk-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--olive:#28381b;--olive-deep:#1d2a12;--cream:#fefac3;--pink:#f89fd4}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Space Grotesk',sans-serif;background:var(--olive);color:var(--cream);line-height:1.65}
a{color:var(--pink)}
a:hover{color:var(--cream)}
img{max-width:100%;display:block}

header{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:14px 24px;background:rgba(40,56,27,.94);backdrop-filter:blur(8px);
  border-bottom:2px solid rgba(254,250,195,.15);
}
header .logo img{height:42px;width:auto}
.btn{
  display:inline-block;background:var(--pink);color:var(--olive);
  padding:10px 22px;border-radius:999px;text-decoration:none;
  font-family:'Antonio',sans-serif;font-weight:600;letter-spacing:.5px;
  font-size:15px;text-transform:uppercase;transform:rotate(-1deg);
  transition:transform .15s,background .15s;
}
.btn:hover{transform:rotate(1deg) scale(1.04);background:var(--cream);color:var(--olive)}
.lang-switch{display:inline-flex;gap:2px;align-items:center;font-family:'Antonio',sans-serif;font-weight:600;font-size:14px}
.lang-switch a{padding:5px 9px;border-radius:999px;text-decoration:none;letter-spacing:.5px;opacity:.6;color:var(--cream)}
.lang-switch a.on{background:var(--pink);color:var(--olive);opacity:1}
.lang-switch a:hover{opacity:1}

main{max-width:820px;margin:0 auto;padding:60px 24px 90px}
h1{font-family:'Antonio',sans-serif;font-weight:600;letter-spacing:.5px;
   font-size:clamp(34px,6vw,56px);text-transform:uppercase;line-height:1.08;margin-bottom:10px}
h1 .pink{color:var(--pink)}
.updated{font-size:14px;opacity:.6;margin-bottom:40px}
.lead{font-size:18.5px;opacity:.95;margin-bottom:36px}
h2{font-family:'Antonio',sans-serif;font-weight:600;letter-spacing:.5px;
   font-size:clamp(22px,3.4vw,30px);text-transform:uppercase;line-height:1.15;
   margin:44px 0 14px;color:var(--pink)}
h3{font-family:'Antonio',sans-serif;font-weight:600;font-size:18px;text-transform:uppercase;
   letter-spacing:.5px;margin:26px 0 8px}
p{margin-bottom:14px;opacity:.94}
ul{margin:0 0 16px 22px}
li{margin-bottom:9px;opacity:.94}
strong{color:var(--pink)}

.box{
  background:var(--olive-deep);border:2px solid rgba(254,250,195,.18);
  border-radius:20px;padding:26px 28px;margin:26px 0;
}
.box p:last-child{margin-bottom:0}
.box.pink{border-color:var(--pink)}

table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}
th,td{text-align:left;padding:12px 14px;border-bottom:1px solid rgba(254,250,195,.16);vertical-align:top}
th{font-family:'Antonio',sans-serif;font-weight:600;text-transform:uppercase;
   letter-spacing:.5px;font-size:14px;color:var(--pink)}
td code{font-size:13.5px;background:rgba(254,250,195,.1);padding:2px 6px;border-radius:5px}

footer{background:var(--olive-deep);border-top:3px solid var(--pink);
       padding:36px 24px;text-align:center;font-size:14px;opacity:.8}
footer a{margin:0 6px}

@media(max-width:600px){
  main{padding:40px 20px 70px}
  table,thead,tbody,th,td,tr{display:block}
  thead{display:none}
  td{border:none;padding:4px 0}
  tr{border-bottom:1px solid rgba(254,250,195,.16);padding:12px 0}
  td:before{content:attr(data-l);display:block;font-size:12px;text-transform:uppercase;
            letter-spacing:1px;color:var(--pink);margin-bottom:2px}
}