/* Pravne stranice (R4 AC-7): /terms, /tos, /dpa, /privacy, /sub-processors. Učitava se iza grana.css.
   Mijenja se samo izgled; tekst dokumenta i njegove klase (.nav, .meta, .header, .container, .footer, .notice,
   .highlight) ostaju kakvi jesu, pa se stilovi ovdje vežu uz omotač .dokument. */
.pravno{padding:clamp(24px,4vw,56px) 0 clamp(48px,6vw,88px);}
.dokument{max-width:780px;margin:0 auto;padding:clamp(28px,5vw,64px);background:#fff;border:1px solid var(--crta);border-radius:16px;font-size:17px;line-height:1.7;color:var(--tinta);overflow-wrap:break-word;}
.dokument > *,.dokument .container > *{max-width:70ch;}

/* naslovi */
.dokument h1{font-size:clamp(32px,4vw,44px);font-weight:700;line-height:1.12;letter-spacing:-.02em;margin:0 0 12px;color:var(--tinta);text-wrap:balance;}
.dokument h2{font-size:clamp(22px,2.2vw,26px);font-weight:700;line-height:1.25;letter-spacing:-.01em;margin:48px 0 14px;padding:0;border:0;color:var(--tinta);scroll-margin-top:96px;}
.dokument h3{font-size:19px;font-weight:600;line-height:1.35;margin:28px 0 8px;color:var(--tinta);}
.dokument h1 + h2,.dokument .header + .container > h2:first-child{margin-top:24px;}

/* tekst, popisi, poveznice */
.dokument p{margin:0 0 14px;font-size:17px;}
.dokument ul,.dokument ol{margin:0 0 18px;padding-left:1.4em;font-size:17px;}
.dokument ul{list-style:disc;}
.dokument ol{list-style:decimal;}
.dokument li{margin:0 0 6px;padding-left:2px;}
.dokument li::marker{color:var(--teal);}
.dokument a{color:var(--teal-tamni);text-decoration:underline;text-underline-offset:3px;}
.dokument a:hover{color:var(--teal);}
.dokument b,.dokument strong{font-weight:600;color:var(--tinta);}
.dokument code{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;padding:1px 6px;border-radius:4px;background:var(--meko);color:var(--tinta);overflow-wrap:anywhere;}
.dokument hr{margin:40px 0 0!important;border:0!important;border-top:1px solid var(--crta)!important;}

/* oznaka verzije i datuma */
.dokument .meta,.dokument .last-updated{margin:0 0 28px;font-size:15px;color:var(--sivo);text-align:left;}
.dokument hr + .meta{margin:16px 0 0;}

/* popis dokumenata na vrhu (Početna, Privatnost, Uvjeti, DPA, Podizvršitelji): nije izbornik weba */
.dokument .nav{position:static;z-index:auto;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;padding:0;background:none;border:0;}
.dokument .nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--crta);border-radius:999px;background:var(--toplo);color:var(--tinta);font-size:15px;font-weight:500;text-decoration:none;margin:0;}
.dokument .nav a:hover{border-color:var(--teal);color:var(--teal-tamni);}

/* naslovni dio dokumenata koji ga imaju (Uvjeti korištenja, Politika privatnosti) */
.dokument .header{margin:0 0 8px;padding:0;background:none;border:0;text-align:left;}
.dokument .header h1{font-size:clamp(32px,4vw,44px);color:var(--tinta);font-weight:700;}
.dokument .header .sub,.dokument .header .clinic-name{margin:0;font-size:17px;color:var(--sivo);}
.dokument .header .clinic-name:empty{display:none;}
.dokument .container{max-width:none;margin:0;padding:0;}

/* istaknuti odlomci */
.dokument .highlight{margin:20px 0;padding:18px 22px;border:0;border-left:4px solid var(--teal);border-radius:0 12px 12px 0;background:var(--teal-blijedi);}
.dokument .highlight p:last-child{margin-bottom:0;}
.dokument .highlight strong{color:var(--teal-tamni);}
.dokument .notice{margin:20px 0;padding:18px 22px;border-left:4px solid #b7791f;border-radius:0 12px 12px 0;background:#fdf6e7;}
.dokument .optional{color:var(--sivo);font-size:.92em;font-style:italic;}

/* završni redak dokumenta (Politika privatnosti, Uvjeti korištenja) */
.dokument .footer{margin:40px 0 0;padding:16px 0 0;background:none;border:0;border-top:1px solid var(--crta);font-size:15px;color:var(--sivo);text-align:left;}

/* tablice */
.dokument table{width:100%;margin:16px 0 24px;border-collapse:collapse;font-size:15px;line-height:1.5;}
.dokument th,.dokument td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--crta);}
.dokument thead th{background:var(--meko);font-size:14px;font-weight:600;color:var(--tinta);}
.dokument tbody tr:last-child td{border-bottom:0;}
.dokument > table{max-width:none;}

@media(max-width:640px){
  .pravno{padding:8px 0 40px;}
  .dokument{padding:24px 0 0;border:0;border-radius:0;background:none;font-size:16px;}
  .dokument p,.dokument ul,.dokument ol{font-size:16px;}
  .dokument h2{margin-top:40px;}
  .dokument .highlight,.dokument .notice{padding:16px 18px;}
  /* tablica kao kartice: svaki redak jedna kartica, naziv stupca uz vrijednost (oznake postavlja /js/javno/pravno.js) */
  .dokument table,.dokument tbody,.dokument tr,.dokument td{display:block;width:100%;}
  .dokument thead{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
  .dokument tbody tr{margin:0 0 12px;padding:4px 16px;border:1px solid var(--crta);border-radius:12px;background:#fff;}
  .dokument td{padding:10px 0;border-bottom:1px solid var(--crta);}
  .dokument tbody tr td:last-child{border-bottom:0;}
  .dokument td[data-label]::before{content:attr(data-label);display:block;margin-bottom:2px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--sivo);}
}

@media print{
  body > nav#nav,body > footer.footer,#cookieConsent{display:none!important;}
  body{background:#fff;}
  .pravno{padding:0;}
  .dokument{max-width:none;border:0;padding:0;}
}