/* -----------------------------------------------------------------------------
   pravno.css  ·  merkart.hr  ·  V1.0 (2026-08-06)
   Zajednicki stil za pravne podstranice (privatnost, umjetna inteligencija),
   na oba jezika. Ista paleta ureda kao naslovnica: papir, tinta, bakar.
   Naslovnica ostaje s ugradjenim stilom i ovu datoteku ne koristi.
----------------------------------------------------------------------------- */

:root{
  --papir:#F4F1EA;
  --pozadina:#DED7C7;
  --papir-tamniji:#EBE6DA;
  --polje:#FFFDF8;
  --tinta:#1C1B18;
  --tinta-meka:#4A473F;
  --bakar:#A05B33;
  --bakar-tekst:#8A4A27;
  --linija:#D6CFC0;
  --list:210mm;
  --margina:22mm;
  --meta:600 0.75rem/1 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{
  margin:0; background:var(--pozadina); color:var(--tinta);
  font:400 clamp(1rem,0.96rem + 0.25vw,1.0625rem)/1.68 Georgia,"Iowan Old Style","Times New Roman",serif;
  overflow-wrap:break-word;
}
:focus-visible{outline:2px solid var(--bakar); outline-offset:2px}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }

.list{
  max-width:var(--list); margin:0 auto; background:var(--papir); min-height:100vh;
  box-shadow:0 0 0 1px rgba(28,27,24,.06), 0 2px 28px rgba(28,27,24,.10);
}
.omot{padding:0 var(--margina)}

.jezici{
  display:flex; justify-content:flex-end; gap:0.15rem; align-items:center;
  padding:1.15rem var(--margina) 0; font:var(--meta); letter-spacing:0.08em;
}
.jezici a,.jezici span{
  padding:0.55rem 0.5rem; min-height:44px; display:inline-flex; align-items:center;
  text-decoration:none; color:var(--tinta-meka); border-radius:2px;
}
.jezici a:hover{color:var(--bakar-tekst)}
.jezici [aria-current]{color:var(--tinta); font-weight:700}
.jezici .crta{color:var(--linija); padding:0 0.1rem; min-height:0}

/* Drugi jezik nije sitna kratica nego vidljiv gumb s punim nazivom jezika:
 stranac prepozna „English" bez citanja hrvatskog, a „EN" moze i promasiti.
 Nuzno je da se vidi, jer je automatski prijevod na stranici blokiran
 (meta notranslate) pa je ovo jedini put do druge verzije. */
.jezici .drugi{
color:var(--tinta); font-weight:700; letter-spacing:0.06em;
padding:0.5rem 0.8rem; border:1px solid var(--linija); border-radius:2px;
background:var(--polje);
}
.jezici .drugi:hover{border-color:var(--bakar); color:var(--bakar-tekst)}

header.vrh{padding:2.5rem 0 1.5rem}
.nad{
  font:var(--meta); letter-spacing:0.15em; text-transform:uppercase;
  color:var(--bakar-tekst); margin:0 0 1.35rem;
}
h1{font-size:clamp(1.75rem,1.3rem + 2vw,2.25rem); font-weight:400; line-height:1.16; margin:0 0 0.75rem; text-wrap:balance}
h2{font-size:clamp(1.1875rem,1.05rem + 0.7vw,1.375rem); font-weight:400; line-height:1.22; margin:2.5rem 0 0.85rem; text-wrap:balance}
h2 .broj{color:var(--bakar-tekst); font:700 0.8125rem/1 ui-sans-serif,system-ui,sans-serif; display:block; margin-bottom:0.4rem; letter-spacing:0.1em}
p,li{max-width:36em}
p{margin:0 0 1.15rem}
ul{margin:0 0 1.15rem; padding-left:1.15rem}
li{margin:0 0 0.5rem}
a{color:var(--tinta); text-underline-offset:2px}
a:hover{color:var(--bakar-tekst)}
.datum{font-size:0.875rem; color:var(--tinta-meka); margin:0 0 2rem}
.istice{
  padding:1.1rem 1.25rem; border-left:3px solid var(--bakar);
  background:var(--papir-tamniji); margin:1.75rem 0;
}
.istice p:last-child{margin-bottom:0}
main{padding-bottom:2.5rem}

footer{
  padding:2rem 0 2rem; margin-top:2rem; border-top:1px solid var(--linija);
  font-size:0.875rem; color:var(--tinta-meka);
}
footer a{color:var(--tinta-meka); display:inline-block; padding:0.35rem 0}
footer p{margin:0 0 0.4rem}
.natrag{
  display:inline-flex; align-items:center; min-height:44px;
  font:600 0.9375rem/1 ui-sans-serif,system-ui,sans-serif;
  text-decoration:none; color:var(--tinta);
}
.natrag:hover{color:var(--bakar-tekst)}

@media (max-width:230mm){
  :root{--margina:1.5rem}
  .list{box-shadow:none; max-width:none}
  body{background:var(--papir)}
}
@media (max-width:26rem){ :root{--margina:1.1rem} }

@media print{
  @page{size:A4; margin:20mm}
  body{background:#fff; font-size:11pt}
  .list{box-shadow:none; max-width:none; min-height:0}
  .omot{padding:0}
  .jezici,.natrag{display:none}
  p,li{max-width:none}
}