/* Stil za predložak legal/base.html — izdvojen iz HTML-a radi predmemorije
   i preglednosti. Adresa u predlošku ide kroz statika() da se
   nakon izmjene odmah povuče nova verzija. */

  /* tablica primatelja podataka u politici privatnosti */
  .legal-card table { width:100%; border-collapse:collapse; margin:14px 0 18px; font-size:14px; }
  .legal-card th { text-align:left; background:#eef3f7; color:#0e3460; font-weight:600;
              padding:9px 12px; border:1px solid var(--line); }
  .legal-card td { padding:9px 12px; border:1px solid var(--line); vertical-align:top; color:var(--ink-2); }
  @media (max-width:640px) { .legal-card table, .legal-card th, .legal-card td { font-size:13px; } }
  :root {
    --navy:var(--m-navy); --ocean:var(--m-ocean); --teal:var(--m-aqua); --teal-d:var(--m-teal-2);
    --gold:var(--m-zlato-p); --ink:var(--m-tinta-4); --ink-2:var(--m-tinta-5); --line:var(--m-crta-2);
    --bg:var(--m-plocha-2); --card:var(--m-bijela);
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  body {
    font-family:'DM Sans',system-ui,sans-serif; background:var(--bg);
    color:var(--ink); line-height:1.7; -webkit-font-smoothing:antialiased;
  }
  .legal-top {
    background:linear-gradient(135deg,var(--navy),var(--ocean));
    color:#fff; padding:26px clamp(20px,5vw,60px);
    display:flex; align-items:center; gap:16px; flex-wrap:wrap;
  }
  .legal-back {
    display:inline-flex; align-items:center; gap:8px;
    background:rgba(255,255,255,0.12); border:1px solid rgba(255,255,255,0.25);
    color:#fff; padding:9px 16px; border-radius:10px; font-size:14px;
    font-weight:600; cursor:pointer; text-decoration:none; transition:background .15s;
  }
  .legal-back:hover { background:rgba(255,255,255,0.22); }
  .legal-top h1 {
    font-family:'Cormorant Garamond',serif; font-weight:700;
    font-size:clamp(22px,4vw,32px); letter-spacing:0.01em;
  }
  .legal-wrap {
    max-width:860px; margin:0 auto; padding:clamp(24px,5vw,52px) clamp(20px,5vw,40px) 80px;
  }
  .legal-card {
    background:var(--card); border:1px solid var(--line); border-radius:16px;
    padding:clamp(24px,5vw,48px); box-shadow:0 4px 24px rgba(10,22,40,0.05);
  }
  .legal-meta { font-size:13px; color:var(--ink-2); margin-bottom:28px; padding-bottom:18px; border-bottom:1px solid var(--line); }
  .legal-card h2 {
    font-family:'Cormorant Garamond',serif; font-size:clamp(20px,3vw,26px);
    color:var(--ocean); margin:34px 0 12px; font-weight:700;
  }
  .legal-card h2:first-of-type { margin-top:0; }
  .legal-card h3 { font-size:16px; color:var(--teal-d); margin:22px 0 8px; font-weight:600; }
  .legal-card p { margin:0 0 14px; color:var(--ink); font-size:15px; }
  .legal-card ul { margin:0 0 16px 22px; }
  .legal-card li { margin-bottom:8px; font-size:15px; }
  .legal-card strong { color:var(--ink); font-weight:600; }
  .legal-card a { color:var(--teal-d); }
  .legal-card .highlight {
    background:rgba(42,157,143,0.07); border-left:3px solid var(--teal);
    padding:14px 18px; border-radius:0 10px 10px 0; margin:18px 0; font-size:14.5px;
  }
  .legal-footer {
    text-align:center; padding:30px 20px; background:var(--navy);
    color:rgba(255,255,255,0.7); font-size:13px;
  }
  .legal-footer a { color:var(--gold); text-decoration:none; margin:0 10px; }
  .legal-footer a:hover { text-decoration:underline; }

  /* napomena da je dokument strojni prijevod (mjerodavna je hrvatska inačica) */
  .legal-card .prijevod-napomena {
    background:rgba(201,138,28,0.09); border-left:3px solid #c98a1c;
    padding:11px 16px; border-radius:0 10px 10px 0; margin:0 0 20px;
    font-size:13.5px; color:#5b5342;
  }
  .legal-jezici { display:flex; gap:2px; justify-content:center; margin-top:10px; }
  .legal-jezici a {
    color:rgba(255,255,255,0.7); text-decoration:none; font-size:12px; font-weight:700;
    letter-spacing:0.04em; padding:5px 8px; border-radius:6px;
  }
  .legal-jezici a.active { background:rgba(255,255,255,0.16); color:#fff; }