/* ═════════ MILKUS — pravne stranice (privatnost, kolačići) ═════════
   Nadogradnja na style.css: isti brend, bez 3D scena i animacija. */

body.legal{
  background:
    radial-gradient(70% 55% at 50% -10%, rgba(75,47,176,.30), transparent 62%),
    var(--ink);
  min-height:100svh; display:flex; flex-direction:column;
}

/* ── zaglavlje ── */
.lg-top{
  position:sticky; top:0; z-index:20;
  background:rgba(7,6,26,.82); backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.lg-top__in{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding-block:14px;
}
.lg-logo img{ height:15px; width:auto; display:block; }
.lg-top__r{ display:flex; align-items:center; gap:14px; }
.lg-langsw{ padding:3px; }
.lg-langsw a{
  display:inline-block; padding:6px 10px; border-radius:100px;
  font-size:11px; font-weight:700; letter-spacing:.1em;
  color:var(--muted-2); transition:color .3s, background .3s;
}
.lg-langsw a:hover{ color:#fff; }
.lg-langsw a.is-active{ background:var(--yellow); color:var(--ink); }
.lg-back{
  font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  color:var(--muted); border-bottom:1px solid transparent; padding-bottom:2px; transition:.3s;
}
.lg-back:hover{ color:var(--yellow); border-bottom-color:var(--yellow); }

/* ── sadržaj ── */
.lg-main{ flex:1; padding-block:clamp(44px,7vw,92px) clamp(50px,8vw,110px); }
.lg-h1{
  font-family:var(--f-disp); font-weight:800; letter-spacing:-.035em; line-height:1.03;
  font-size:clamp(32px,5.4vw,62px); margin:10px 0 0; max-width:16ch;
}
.lg-date{
  margin:18px 0 0; font-size:12.5px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--muted-2);
}
.lg-body{
  margin-top:clamp(32px,4.5vw,56px);
  max-width:70ch; font-size:clamp(15px,1.08vw,17px); line-height:1.75;
  color:rgba(255,255,255,.80);
}
.lg-body h2{
  font-family:var(--f-disp); font-weight:700; letter-spacing:-.02em; line-height:1.18;
  font-size:clamp(21px,2.2vw,28px); color:var(--white);
  margin:clamp(40px,4.6vw,64px) 0 14px; padding-top:clamp(22px,2.6vw,32px);
  border-top:1px solid var(--line);
}
.lg-body h2:first-child{ border-top:0; padding-top:0; margin-top:0; }
.lg-body h3{
  font-family:var(--f-disp); font-weight:600; letter-spacing:-.015em;
  font-size:clamp(16px,1.5vw,19px); color:var(--white); margin:30px 0 10px;
}
.lg-body p{ margin:0 0 14px; }
.lg-body ul{ margin:0 0 16px; padding-left:0; list-style:none; }
.lg-body li{ position:relative; padding-left:22px; margin-bottom:9px; }
.lg-body li::before{
  content:''; position:absolute; left:2px; top:.72em;
  width:6px; height:6px; border-radius:50%; background:var(--yellow); opacity:.8;
}
.lg-body strong{ color:var(--white); font-weight:700; }
.lg-body a{
  color:var(--yellow); border-bottom:1px solid rgba(254,241,2,.32);
  padding-bottom:1px; transition:border-color .3s, color .3s;
}
.lg-body a:hover{ border-bottom-color:var(--yellow); }

.lg-lead{
  font-size:clamp(16px,1.3vw,19px); line-height:1.68; color:rgba(255,255,255,.90);
  margin-bottom:clamp(30px,4vw,48px);
}
.lg-kv{ color:rgba(255,255,255,.92); }
.lg-meta{
  font-size:13.5px; line-height:1.6; color:var(--muted-2);
  border-left:2px solid var(--line); padding:4px 0 4px 16px; margin:16px 0 18px;
}
.lg-ok{
  border:1px solid rgba(254,241,2,.28); background:rgba(254,241,2,.05);
  border-radius:14px; padding:18px 20px; margin:0 0 18px;
}

/* ── dno ── */
.lg-next{
  display:flex; flex-wrap:wrap; gap:14px 28px; align-items:center;
  margin-top:clamp(44px,6vw,80px); padding-top:26px; border-top:1px solid var(--line);
  font-size:14px;
}
.lg-next a{
  color:var(--white); border-bottom:1px solid rgba(255,255,255,.22);
  padding-bottom:2px; transition:.3s;
}
.lg-next a:hover{ color:var(--yellow); border-bottom-color:var(--yellow); }
.lg-foot{ border-top:1px solid var(--line); }

@media (max-width:640px){
  .lg-top__in{ flex-direction:column; align-items:flex-start; gap:10px; padding-block:12px; }
  .lg-top__r{ width:100%; justify-content:space-between; }
  .lg-body li{ padding-left:18px; }
}