/* srdjan 2026-10-20 - Dubrovnik Press (kostur Dromedarius): tema napisana iznova, izgled kao dubrovnikpress.hr. Razredi dp-* (bez Joomle/Helixa). */
/* srdjan 2026-10-21 - DM Sans s našeg poslužitelja (assets/fonts, varijabilni font 100–1000); „DM Sans zamjena” = Arial podešen na mjere DM Sansa da tekst ne skače dok se font učita */
@font-face{font-family:'DM Sans';font-style:italic;font-weight:100 1000;font-display:swap;src:url(../fonts/dm-sans-italic-latin-ext.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:italic;font-weight:100 1000;font-display:swap;src:url(../fonts/dm-sans-italic-latin.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:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url(../fonts/dm-sans-normal-latin-ext.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 1000;font-display:swap;src:url(../fonts/dm-sans-normal-latin.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:'DM Sans zamjena';src:local('Arial');ascent-override:94.9%;descent-override:29.7%;line-gap-override:0%;size-adjust:104.4%}
:root{
  --dp-crvena:#b01606; --dp-crvena-t:#8e1105;
  --dp-tinta:#1b1b1b; --dp-tinta2:#4a4a4a; --dp-tinta3:#6b6b6b;
  --dp-papir:#fff; --dp-papir2:#f4f4f4; --dp-crta:#e6e6e6;
  --dp-preko:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.82) 100%);
  --dp-font:"DM Sans","DM Sans zamjena",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --dp-sirina:1272px; --dp-razmak:8px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-tema="svijetla"]){--dp-tinta:#ececec;--dp-tinta2:#c2c2c2;--dp-tinta3:#9a9a9a;--dp-papir:#141414;--dp-papir2:#1f1f1f;--dp-crta:#2c2c2c;--dp-crvena:#e0391f;color-scheme:dark}}
:root[data-tema="tamna"]{--dp-tinta:#ececec;--dp-tinta2:#c2c2c2;--dp-tinta3:#9a9a9a;--dp-papir:#141414;--dp-papir2:#1f1f1f;--dp-crta:#2c2c2c;--dp-crvena:#e0391f;color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--dp-papir);color:var(--dp-tinta);font:400 16px/1.6 var(--dp-font)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.dp-omot{max-width:var(--dp-sirina);margin:0 auto;padding:0 16px}
.dp-preskoci{position:absolute;left:-999px;top:8px;background:var(--dp-crvena);color:#fff;padding:8px 12px;z-index:10}
.dp-preskoci:focus{left:8px}
.dp-skriveno{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── zaglavlje ── */
.dp-vrh{background:var(--dp-papir);border-bottom:1px solid var(--dp-crta)}
.dp-vrh-red{display:flex;justify-content:center;align-items:center;position:relative;padding-top:12px;padding-bottom:6px}
.dp-logo img{width:180px;height:auto}
:root[data-tema="tamna"] .dp-logo img,:root[data-tema="tamna"] .dp-dno-logo img{filter:brightness(0) invert(1)}
@media (prefers-color-scheme:dark){:root:not([data-tema="svijetla"]) .dp-logo img,:root:not([data-tema="svijetla"]) .dp-dno-logo img{filter:brightness(0) invert(1)}}
.dp-gumb{border:0;background:transparent;color:var(--dp-tinta2);cursor:pointer;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%}
.dp-gumb:hover{background:var(--dp-papir2)}
.dp-gumb-tema{position:absolute;right:16px;top:14px}
.dp-gumb-izb{display:none;position:absolute;left:12px;top:22px}
.dp-gumb-izb span{display:block;width:20px;height:2px;background:currentColor;margin:2px 0}
.dp-izbornik ul{list-style:none;display:flex;justify-content:center;align-items:center;gap:6px 32px;flex-wrap:wrap;margin:0 auto;padding-top:4px;padding-bottom:12px}
.dp-izbornik a{text-decoration:none;text-transform:uppercase;font-size:.87rem;font-weight:500;letter-spacing:.06em;color:var(--dp-tinta)}
.dp-izbornik a:hover,.dp-izbornik a[aria-current]{color:var(--dp-crvena)}
.dp-glavno{padding-top:28px;padding-bottom:48px;min-height:60vh}

/* ── pločice preko slike (naslovnica) ── */
.dp-red{display:grid;gap:var(--dp-razmak);margin-bottom:var(--dp-razmak)}
.dp-red-velike{grid-template-columns:1fr 1fr}
.dp-red-srednje{grid-template-columns:1fr 1fr 1fr}
.dp-red-cetiri{grid-template-columns:repeat(4,1fr)}
.dp-male{display:grid;grid-template-rows:1fr 1fr;gap:var(--dp-razmak)}
.dp-plocica a{position:relative;display:block;height:100%;overflow:hidden;background:var(--dp-papir2);color:#fff;text-decoration:none}
.dp-plocica img,.dp-plocica .dp-bez-slike{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.dp-plocica a:hover img{transform:scale(1.03)}
.dp-plocica a::after{content:"";position:absolute;inset:0;background:var(--dp-preko)}
.dp-plocica-tekst{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:18px 20px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.dp-oznaka{background:var(--dp-crvena);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;line-height:1.5}
.dp-plocica-naslov{font-weight:700;text-transform:uppercase;line-height:1.22;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.dp-plocica-naslov::after{content:"";display:block;width:min(60%,230px);height:3px;background:var(--dp-crvena);margin-top:10px}
.dp-plocica-velika{min-height:420px}.dp-plocica-velika .dp-plocica-naslov{font-size:1.5rem}
.dp-plocica-srednja{min-height:286px}.dp-plocica-srednja .dp-plocica-naslov{font-size:1rem}
.dp-plocica-mala{min-height:139px}.dp-plocica-mala .dp-plocica-tekst{padding:12px 14px 14px;gap:6px}.dp-plocica-mala .dp-plocica-naslov{font-size:.82rem}
.dp-plocica-mala .dp-plocica-naslov::after{margin-top:6px;height:2px}
.dp-red-cetiri .dp-plocica-mala{min-height:240px}.dp-red-cetiri .dp-plocica-naslov{font-size:.95rem}

/* ── kartice u mreži ── */
.dp-mreza{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 28px;margin:44px 0}
.dp-kartica{display:flex;flex-direction:column}
.dp-kartica-slika{display:block;aspect-ratio:16/7.3;overflow:hidden;background:var(--dp-papir2);margin-bottom:12px}
.dp-kartica-slika img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.dp-kartica:hover .dp-kartica-slika img{transform:scale(1.03)}
.dp-meta{margin:0 0 4px;font-size:.8rem;color:var(--dp-tinta3)}
.dp-nadnaslov{margin:0 0 4px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--dp-crvena)}
.dp-kartica-naslov{margin:0;font-size:1rem;font-weight:700;line-height:1.3;text-transform:uppercase}
.dp-kartica-naslov a{text-decoration:none}
.dp-kartica-naslov a:hover{color:var(--dp-crvena)}
.dp-kartica-naslov::after{content:"";display:block;width:160px;height:3px;background:var(--dp-crvena);margin:12px 0 14px}
.dp-vise{font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--dp-crvena);text-decoration:none;margin-top:auto}
.dp-vise span{transition:margin .2s}.dp-kartica:hover .dp-vise span{margin-left:4px}
.dp-bez-slike{display:block;width:100%;height:100%;background:var(--dp-papir2)}
.dp-naslov-odjeljka{font-size:1.5rem;text-transform:uppercase;letter-spacing:.02em;margin:0 0 4px;display:flex;flex-direction:column}
.dp-naslov-odjeljka a{text-decoration:none}
.dp-naslov-odjeljka::after{content:"";width:80px;height:3px;background:var(--dp-crvena);margin-top:8px}
.dp-predznak{font-size:.75rem;color:var(--dp-tinta3);letter-spacing:.08em}
.dp-obavijesti{margin-top:12px}
.dp-obavijesti .dp-mreza{margin-top:24px}
.dp-listanje{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin:8px 0 0}
.dp-listanje a{min-width:40px;height:40px;display:inline-grid;place-items:center;padding:0 10px;border:1px solid var(--dp-crta);text-decoration:none;font-weight:500}
.dp-listanje a[aria-current]{background:var(--dp-crvena);border-color:var(--dp-crvena);color:#fff}
.dp-listanje a:hover:not([aria-current]){border-color:var(--dp-crvena);color:var(--dp-crvena)}
.dp-prazno{color:var(--dp-tinta3)}

/* ── članak ── */
.dp-clanak-okvir{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:44px;margin-top:20px}
.dp-clanak .dp-meta{font-size:.75rem}
.dp-clanak .dp-nadnaslov{font-size:.85rem;color:var(--dp-tinta);margin:6px 0 4px}
.dp-naslov{font-size:clamp(1.45rem,2.6vw,1.95rem);line-height:1.22;text-transform:uppercase;font-weight:700;margin:0 0 14px}
.dp-clanak-alati{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--dp-crta);border-bottom:1px solid var(--dp-crta);padding:6px 0;margin-bottom:18px;font-size:.8rem;color:var(--dp-tinta3)}
.dp-citanje{display:inline-flex;align-items:center;gap:5px}
.dp-slova{display:flex;gap:6px}
.dp-slova button{border:1px solid var(--dp-crta);background:var(--dp-papir);color:var(--dp-tinta2);font:600 .75rem var(--dp-font);height:26px;min-width:32px;cursor:pointer;display:inline-grid;place-items:center}
.dp-slova button:hover{border-color:var(--dp-tinta3)}
.dp-glavna-slika{margin:0 0 14px}
.dp-glavna-slika img{width:100%}
.dp-glavna-slika figcaption{font-size:.8rem;text-transform:uppercase;color:var(--dp-tinta3);margin-top:6px}
.dp-pise{font-size:.88rem;color:var(--dp-tinta3);margin:18px 0}
.dp-pise a{color:var(--dp-tinta2);font-weight:700;text-decoration:none}
.dp-pise a:hover{color:var(--dp-crvena)}
.dp-tekst{font-size:calc(1rem * var(--dp-slova,1));line-height:1.75}
.dp-tekst p{margin:0 0 1.05em}
.dp-tekst a{color:var(--dp-crvena)}
.dp-tekst img{margin:12px auto}
.dp-tekst iframe{max-width:100%}
.dp-tekst blockquote{margin:1.2em 0;padding:4px 0 4px 18px;font-style:italic;color:var(--dp-tinta2);border-left:0;position:relative}
.dp-tekst blockquote::before{content:"”";position:absolute;left:0;top:-6px;font-size:2rem;color:var(--dp-crvena);line-height:1}
.dp-dijeli{display:flex;align-items:center;gap:8px;border-top:1px solid var(--dp-crta);border-bottom:1px solid var(--dp-crta);padding:12px 0;margin:28px 0 20px;font-size:.8rem;color:var(--dp-tinta3)}
.dp-dijeli a,.dp-dijeli button{width:32px;height:32px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;border:0;cursor:pointer}
.dp-dijeli-fb{background:#1877f2}.dp-dijeli-wa{background:#25d366}.dp-dijeli-x{background:#111}
.dp-dijeli-kopiraj{background:var(--dp-papir2)!important;color:var(--dp-tinta2)!important}
.dp-oznake{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.dp-oznake a{background:color-mix(in srgb,var(--dp-crvena) 9%,var(--dp-papir));color:var(--dp-crvena);text-decoration:none;font-size:.82rem;padding:5px 12px;border-radius:999px}
.dp-oznake a:hover{background:var(--dp-crvena);color:#fff}
.dp-dalje{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dp-dalje a{display:flex;flex-direction:column;gap:2px;text-decoration:none;font-weight:700;font-size:.88rem;line-height:1.3;padding:12px 0;border-top:2px solid var(--dp-crta)}
.dp-dalje a span{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--dp-crvena)}
.dp-dalje-slj{grid-column:2;text-align:right}
.dp-dalje a:hover{border-color:var(--dp-crvena)}
.dp-bocno{display:flex;flex-direction:column;gap:22px}
.dp-bocno-stavka{text-decoration:none;display:block;border-bottom:1px solid var(--dp-crta);padding-bottom:16px}
.dp-bocno-stavka img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:10px;background:var(--dp-papir2)}
.dp-bocno-stavka span{font-size:.82rem;font-weight:700;text-transform:uppercase;line-height:1.3}
.dp-bocno-stavka:hover span{color:var(--dp-crvena)}
.dp-pregled{background:#fff3cd;color:#664d03;padding:8px 12px;font-weight:600}
.dp-stranica{max-width:860px}
.dp-stranica .dp-tekst{margin-top:8px}

/* ── galerija, video, objave iz kostura (cms-*) unutar teksta ── */
/* srdjan 2026-10-21 - galerija u članku kao na liveu: 4 u redu (2 na mobitelu), smanjene slike, klik = pregled preko cijelog zaslona (dp.js) */
.dp-tekst .b-galerija{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:28px 0}
.dp-tekst .b-galerija .g-stavka{display:block;overflow:hidden;background:var(--dp-papir2);cursor:zoom-in}
.dp-tekst .b-galerija img{margin:0;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .4s ease}
.dp-tekst .b-galerija .g-stavka:hover img{transform:scale(1.04)}
.dp-tekst .b-galerija .g-stavka:focus-visible{outline:3px solid var(--dp-crvena);outline-offset:2px}
@media (max-width:700px){.dp-tekst .b-galerija{grid-template-columns:repeat(2,1fr);gap:6px}}
.dp-tekst .b-video,.dp-tekst .b-objava{margin:24px 0}
/* srdjan 2026-11-06 - ugrađeni video i objave s mreža (članak 30141): bez ovoga iframe je bio 300×150 */
.dp-tekst .b-video{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.dp-tekst .b-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dp-tekst .b-video .cms-vanjsko-cek{position:absolute;inset:0;border-radius:0}
.dp-tekst .b-objava{max-width:500px;margin-left:auto;margin-right:auto}
.dp-tekst .b-objava iframe{display:block;width:100%;height:var(--vis,640px);border:0;background:var(--dp-papir2)}
.dp-tekst .b-objava-reel{max-width:320px}
.dp-tekst .b-objava .cms-vanjsko-cek{min-height:220px}
.dp-tekst .b-objava-izvor{display:inline-block;margin-top:6px;font-size:.85rem;color:var(--dp-tinta2)}
.dp-tekst .b-objava-kartica{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:500px;margin:24px auto;padding:16px 18px;border:1px solid var(--dp-crta,#ddd);border-radius:8px;text-decoration:none;color:inherit;background:var(--dp-papir2)}
.dp-tekst .b-objava-kartica span{color:#0b5cc4;font-weight:600;white-space:nowrap}
.dp-tekst .b-objava-kartica:hover{border-color:#1877f2}

/* ── podnožje ── */
.dp-dno{border-top:3px solid var(--dp-crvena);background:var(--dp-papir2);padding:28px 0;font-size:.85rem;color:var(--dp-tinta2)}
.dp-dno-red{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.dp-dno-logo img{width:124px}
.dp-dno-poveznice{display:flex;flex-wrap:wrap;gap:6px 20px}
.dp-dno-poveznice a{text-decoration:none}
.dp-dno-poveznice a:hover{color:var(--dp-crvena)}
.dp-dno-prava{margin:0;color:var(--dp-tinta3)}

/* ── tablet i mobitel ── */
@media (max-width:1000px){
  .dp-clanak-okvir{grid-template-columns:1fr}
  .dp-bocno{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
  .dp-red-cetiri{grid-template-columns:1fr 1fr}
  .dp-mreza{grid-template-columns:1fr 1fr}
  .dp-plocica-velika{min-height:340px}.dp-plocica-velika .dp-plocica-naslov{font-size:1.2rem}
}
@media (max-width:760px){
  .dp-gumb-izb{display:inline-grid}
  .dp-vrh-red{padding-top:10px;padding-bottom:10px}
  .dp-logo img{width:132px}
  .dp-gumb-tema{top:16px}
  .dp-izbornik{display:none;border-top:1px solid var(--dp-crta)}
  .dp-izbornik.dp-otvoren{display:block}
  .dp-izbornik ul{flex-direction:column;align-items:stretch;gap:0;padding:6px 16px 14px}
  .dp-izbornik li a{display:block;padding:12px 0;border-bottom:1px solid var(--dp-crta)}
  .dp-izb-trazi{padding-top:10px}
  .dp-glavno{padding-top:16px}
  .dp-red-velike,.dp-red-srednje{grid-template-columns:1fr}
  .dp-plocica-velika{min-height:280px}
  .dp-plocica-srednja{min-height:230px}
  .dp-male{grid-template-rows:none;grid-template-columns:1fr 1fr}
  .dp-plocica-mala{min-height:170px}
  .dp-mreza{grid-template-columns:1fr;gap:30px;margin:28px 0}
  .dp-bocno{grid-template-columns:1fr 1fr}
  .dp-dalje{grid-template-columns:1fr}.dp-dalje-slj{grid-column:auto;text-align:left}
}
@media (max-width:420px){.dp-red-cetiri,.dp-male{grid-template-columns:1fr}.dp-red-cetiri .dp-plocica-mala{min-height:200px}}
@media print{.dp-vrh,.dp-dno,.dp-bocno,.dp-dijeli,.dp-dalje,.dp-clanak-alati{display:none}.dp-clanak-okvir{display:block}}
/* pretraga */
.dp-trazi{display:flex;gap:8px;margin:22px 0 14px;max-width:640px}
.dp-trazi input{flex:1;font:inherit;padding:10px 14px;border:1px solid var(--dp-crta);background:var(--dp-papir);color:var(--dp-tinta)}
.dp-trazi button{font:700 .85rem var(--dp-font);text-transform:uppercase;letter-spacing:.05em;padding:0 22px;border:0;background:var(--dp-crvena);color:#fff;cursor:pointer}
.dp-trazi-rez{display:flex;flex-direction:column;gap:2px;margin-bottom:26px}
.dp-trazi-stavka{display:grid;grid-template-columns:160px 1fr;gap:16px;text-decoration:none;padding:14px 0;border-bottom:1px solid var(--dp-crta)}
.dp-trazi-stavka img{width:160px;aspect-ratio:16/10;object-fit:cover}
.dp-trazi-stavka b{display:block;text-transform:uppercase;line-height:1.3;margin-bottom:4px}
.dp-trazi-stavka:hover b{color:var(--dp-crvena)}
.dp-trazi-isj{font-size:.9rem;color:var(--dp-tinta2)}
.dp-trazi-isj mark{background:color-mix(in srgb,var(--dp-crvena) 18%,transparent);color:inherit}
@media (max-width:560px){.dp-trazi-stavka{grid-template-columns:96px 1fr}.dp-trazi-stavka img{width:96px}}
.dp-bocno-stavka span{display:block}
/* srdjan 2026-10-21 - banneri na naslovnici: cijela širina ili dva po pola */
.dp-banneri{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:32px 0}
.dp-banner-cijela{grid-column:1/-1}
.dp-banner a,.dp-banner img{display:block;width:100%;height:auto}
@media (max-width:700px){.dp-banneri{grid-template-columns:1fr;gap:16px;margin:22px 0}}
/* srdjan 2026-10-21 - više slika na jednoj poziciji: slažu se jedna na drugu, vidi se samo .dp-akt (izmjena u dp.js) */
.dp-banner-rot{display:grid}
.dp-banner-rot .dp-bs{grid-area:1/1;transition:opacity .6s}
.dp-banner-rot .dp-bs:not(.dp-akt){opacity:0;visibility:hidden}
/* srdjan 2026-10-21 - traka „Foto” na kartici članka s galerijom (kao na liveu: kosa crvena traka u lijevom kutu; na mobitelu ravna oznaka) */
.dp-kartica-slika{position:relative}
.dp-traka{position:absolute;top:12px;left:-34px;z-index:3;width:130px;padding:4px 0;transform:rotate(-45deg);background:var(--dp-crvena);color:#fff;font:700 10px/1 var(--dp-font);letter-spacing:1.5px;text-transform:uppercase;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.4);pointer-events:none}
.dp-traka svg{width:11px;height:11px;vertical-align:-1px;margin-right:3px}
.dp-plocica-velika .dp-traka{top:16px;left:-32px;font-size:11px;padding:5px 0}
@media (max-width:767px){.dp-traka{top:0;left:0;width:auto;transform:none;padding:3px 8px;font-size:8px;letter-spacing:1px;border-radius:0 0 4px 0}.dp-plocica-velika .dp-traka{top:0;left:0;font-size:8px;padding:3px 8px}}

/* srdjan 2026-10-21 - pregled slika galerije */
.dp-svjetlo{position:fixed;inset:0;z-index:100;background:rgba(10,10,10,.94);display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.dp-svjetlo[hidden]{display:none}
.dp-svjetlo img{max-width:calc(100vw - 140px);max-height:calc(100vh - 110px);width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
.dp-svjetlo figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px}
.dp-svjetlo figcaption{color:#ddd;font-size:.9rem;text-align:center;max-width:80ch}
.dp-svjetlo button{position:absolute;border:0;background:rgba(255,255,255,.1);color:#fff;width:52px;height:52px;border-radius:50%;cursor:pointer;display:grid;place-items:center;font-size:26px;line-height:1}
.dp-svjetlo button:hover,.dp-svjetlo button:focus-visible{background:rgba(255,255,255,.24);outline:none}
.dp-svj-zatvori{top:16px;right:16px}
.dp-svj-pret{left:20px;top:50%;transform:translateY(-50%)}
.dp-svj-sljed{right:20px;top:50%;transform:translateY(-50%)}
.dp-svj-broj{position:absolute;top:28px;left:24px;color:#bbb;font-size:.85rem;letter-spacing:.05em}
@media (max-width:700px){.dp-svjetlo img{max-width:100vw;max-height:calc(100vh - 140px)}.dp-svj-pret,.dp-svj-sljed{top:auto;bottom:20px;transform:none}}
/* srdjan 2026-10-21 - dorada čitanja članka */
/* 2) glavna slika 16:9 */
.dp-glavna-slika img{aspect-ratio:16/9;object-fit:cover;object-position:center 30%;background:var(--dp-papir2)}
/* 5) potpis i kategorija ispod naslova */
.dp-potpis{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;margin:10px 0 14px;font-size:.84rem;color:var(--dp-tinta3)}
.dp-potpis a{color:var(--dp-tinta2);font-weight:700;text-decoration:none}.dp-potpis a:hover{color:var(--dp-crvena)}
.dp-potpis>*+*::before{content:"·";margin-right:14px;color:var(--dp-crta)}
.dp-potpis .dp-potpis-kat{color:var(--dp-crvena);text-transform:uppercase;font-size:.76rem;letter-spacing:.05em}
/* 8) i 11) u traci alata */
.dp-alati-lijevo{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}
.dp-ima-galeriju,.dp-poslusaj{display:inline-flex;align-items:center;gap:5px;color:var(--dp-crvena);font:inherit;font-weight:700;text-decoration:none;background:none;border:0;padding:0;cursor:pointer}
.dp-ima-galeriju:hover,.dp-poslusaj:hover{text-decoration:underline}
.dp-poslusaj[aria-pressed="true"]{color:var(--dp-tinta)}
/* 6) traka napretka čitanja */
.dp-napredak{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;pointer-events:none}
.dp-napredak span{display:block;height:100%;width:0;background:var(--dp-crvena);transition:width .1s linear}
/* 3) pročitajte još */
.dp-jos{margin:8px 0 28px}.dp-jos .dp-mreza{margin-top:20px}
/* 9) desno: Najnovije, Najčitanije */
.dp-bocno-blok{display:flex;flex-direction:column;gap:18px}
.dp-bocno-blok+.dp-bocno-blok{margin-top:18px}
.dp-bocno-naslov{margin:0;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dp-crvena);border-bottom:2px solid var(--dp-crvena);padding-bottom:8px}
.dp-bocno-broj{display:flex;gap:12px;align-items:flex-start}
.dp-bocno-broj b{flex:0 0 auto;font-size:1.6rem;line-height:1;font-weight:800;color:var(--dp-crta)}
/* 7) dijeljenje pri dnu ekrana na mobitelu */
.dp-dijeli-mob{display:none}
@media (max-width:767px){
  .dp-dijeli-mob:not([hidden]){display:flex;position:fixed;left:0;right:0;bottom:0;z-index:55;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--dp-papir);border-top:1px solid var(--dp-crta);box-shadow:0 -4px 16px rgba(0,0,0,.08)}
  .dp-dijeli-mob>*{flex:1;display:grid;place-items:center;height:40px;border-radius:999px;border:0;font:700 .82rem var(--dp-font);color:#fff;text-decoration:none;cursor:pointer}
  .dp-dijeli-mob .dp-dijeli-sustav{background:var(--dp-papir2);color:var(--dp-tinta)}
}
@media print{.dp-napredak,.dp-dijeli-mob,.dp-jos,.dp-poslusaj{display:none!important}}
/* srdjan 2026-10-21 - tražilica kao na Experienceu: povećalo u izborniku otvara traku ispod zaglavlja */
.dp-trazi-gumb{border:0;background:transparent;color:var(--dp-tinta);cursor:pointer;width:38px;height:38px;border-radius:50%;display:inline-grid;place-items:center;font:inherit}
.dp-trazi-gumb:hover,.dp-trazi-gumb[aria-expanded="true"]{background:var(--dp-papir2);color:var(--dp-crvena)}
.dp-trazi-gumb-t{display:none}
.dp-trazi-traka{border-top:1px solid var(--dp-crta);background:var(--dp-papir);box-shadow:0 12px 30px rgba(0,0,0,.08);padding:16px 0}
.dp-trazi-traka[hidden]{display:none}
.dp-trazi-traka .dp-omot{display:flex;gap:10px}
.dp-trazi-traka input{flex:1;min-width:0;font:400 1.1rem/1.2 var(--dp-font);padding:13px 16px;border:1px solid var(--dp-crta);background:var(--dp-papir);color:var(--dp-tinta);outline:none}
.dp-trazi-traka input:focus{border-color:var(--dp-crvena)}
.dp-trazi-traka button{font:700 .85rem var(--dp-font);text-transform:uppercase;letter-spacing:.05em;padding:0 26px;border:0;background:var(--dp-crvena);color:#fff;cursor:pointer}
.dp-trazi-traka button:hover{background:var(--dp-crvena-t)}
@media (max-width:760px){
  .dp-trazi-gumb{width:auto;height:auto;border-radius:0;display:flex;gap:10px;align-items:center;padding:12px 0;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}
  .dp-trazi-gumb:hover,.dp-trazi-gumb[aria-expanded="true"]{background:none}
  .dp-trazi-gumb-t{display:inline}
  .dp-trazi-traka input{font-size:16px}
  .dp-trazi-traka button{padding:0 16px}
}
/* srdjan 2026-10-21 - „Učitaj još” na popisima (kategorija, oznaka, autor); brojke stranica skrije dp.js */
.dp-ucitaj{text-align:center;margin:8px 0 36px}
.dp-ucitaj-gumb{display:inline-block;min-width:220px;padding:14px 28px;border:2px solid var(--dp-crvena);color:var(--dp-crvena);font:700 .85rem var(--dp-font);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:background .15s,color .15s}
.dp-ucitaj-gumb:hover,.dp-ucitaj-gumb:focus-visible{background:var(--dp-crvena);color:#fff;outline:none}
.dp-ucitaj-gumb[aria-busy="true"]{opacity:.6;pointer-events:none}
.dp-js .dp-listanje{display:none}
.dp-novije{margin:0 0 8px;font-size:.85rem}.dp-novije a{color:var(--dp-crvena);font-weight:700;text-decoration:none}
/* srdjan 2026-10-21 - stranica Marketing: centrirano, uvod veći, kontakt istaknut (korisnik: „malo ljepše posloži”, „centriraj”) */
.dp-stranica-marketing{max-width:760px;margin:40px auto 56px;text-align:center}
.dp-stranica-marketing .dp-naslov{font-size:2.4rem;letter-spacing:.02em}
.dp-stranica-marketing .dp-naslov::after{content:"";display:block;width:56px;height:3px;background:var(--dp-crvena);margin:16px auto 0}
.dp-stranica-marketing .dp-tekst{margin-top:28px}
.dp-stranica-marketing .dp-tekst p{margin:0 auto 18px;max-width:640px}
.dp-stranica-marketing .dp-tekst p:first-child{font-size:1.25rem;line-height:1.6;color:var(--dp-tinta);max-width:720px;margin-bottom:26px}
.dp-stranica-marketing .dp-tekst p:last-child{max-width:none;margin-top:36px;padding:28px 24px;background:var(--dp-papir2);font-size:1.02rem}
.dp-stranica-marketing .dp-tekst p:last-child a{display:inline-block;margin:6px 4px 0;font-size:1.2rem;font-weight:700;color:var(--dp-crvena);text-decoration:none;border-bottom:2px solid currentColor}
.dp-stranica-marketing .dp-tekst p:last-child a:hover{color:var(--dp-tinta)}
@media (max-width:760px){.dp-stranica-marketing{margin-top:24px}.dp-stranica-marketing .dp-naslov{font-size:1.8rem}.dp-stranica-marketing .dp-tekst p:first-child{font-size:1.1rem}.dp-stranica-marketing .dp-tekst p:last-child{padding:22px 16px}}
/* srdjan 2026-10-21 - stranice Kontakt i Impressum: centrirano kao Marketing, odjeljci kao blokovi 2×2 */
.dp-stranica-kontakt,.dp-stranica-impressum{max-width:900px;margin:40px auto 56px;text-align:center}
.dp-stranica-kontakt .dp-naslov,.dp-stranica-impressum .dp-naslov{font-size:2.4rem;letter-spacing:.02em}
.dp-stranica-kontakt .dp-naslov::after,.dp-stranica-impressum .dp-naslov::after{content:"";display:block;width:56px;height:3px;background:var(--dp-crvena);margin:16px auto 0}
.dp-stranica-kontakt .dp-tekst,.dp-stranica-impressum .dp-tekst{margin-top:32px}
.dp-stranica-kontakt .b-tekst,.dp-stranica-impressum .b-tekst{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.dp-stranica-kontakt .dp-tekst strong+br,.dp-stranica-impressum .dp-tekst strong+br{display:none}
.dp-stranica-kontakt .dp-tekst p,.dp-stranica-impressum .dp-tekst p{margin:0;padding:28px 20px;background:var(--dp-papir2);line-height:1.8}
.dp-stranica-kontakt .dp-tekst strong,.dp-stranica-impressum .dp-tekst strong{display:block;margin-bottom:6px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dp-tinta3)}
.dp-stranica-kontakt .dp-tekst a,.dp-stranica-impressum .dp-tekst a{font-weight:700;color:var(--dp-crvena);text-decoration:none;word-break:break-word}
.dp-stranica-kontakt .dp-tekst a:hover,.dp-stranica-impressum .dp-tekst a:hover{text-decoration:underline}
.dp-stranica-kontakt .dp-tekst a[href^="tel:"],.dp-stranica-impressum .dp-tekst a[href^="tel:"]{font-size:1.35rem}
@media (max-width:760px){.dp-stranica-kontakt,.dp-stranica-impressum{margin-top:24px}.dp-stranica-kontakt .dp-naslov,.dp-stranica-impressum .dp-naslov{font-size:1.8rem}.dp-stranica-kontakt .b-tekst,.dp-stranica-impressum .b-tekst{grid-template-columns:1fr;gap:12px}.dp-stranica-kontakt .dp-tekst p,.dp-stranica-impressum .dp-tekst p{padding:22px 16px}}
/* srdjan 2026-10-21 - Uvjeti korištenja: naslov centriran kao ostale stranice, dugi tekst lijevo u čitljivom stupcu, odjeljci s crvenim naslovima */
.dp-stranica-uvjeti-koristenja{max-width:760px;margin:40px auto 56px}
.dp-stranica-uvjeti-koristenja .dp-naslov{text-align:center;font-size:2.2rem;letter-spacing:.02em}
.dp-stranica-uvjeti-koristenja .dp-naslov::after{content:"";display:block;width:56px;height:3px;background:var(--dp-crvena);margin:16px auto 0}
.dp-stranica-uvjeti-koristenja .dp-tekst{margin-top:28px}
.dp-stranica-uvjeti-koristenja .dp-tekst h2{margin:40px 0 12px;padding-top:24px;border-top:1px solid var(--dp-crta);font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dp-crvena)}
.dp-stranica-uvjeti-koristenja .dp-tekst h2:first-child{margin-top:0;padding-top:0;border-top:0}
@media (max-width:760px){.dp-stranica-uvjeti-koristenja{margin-top:24px}.dp-stranica-uvjeti-koristenja .dp-naslov{font-size:1.6rem}}
/* srdjan 2026-10-21 - traka za kolačiće (modul kostura kolacici) u fontu weba */
.cms-privola,.cms-privola button{font-family:var(--dp-font)}
/* srdjan 2026-10-21 - tamna tema: ikona sunca/mjeseca; gumb teme lijevo na računalu (korisnik: „prebaci ikonu na suprotnu stranu”), na mobitelu lijevo je izbornik pa ostaje desno */
.dp-ik-sunce{display:none}
:root[data-tema="tamna"] .dp-ik-sunce{display:block}:root[data-tema="tamna"] .dp-ik-mjesec{display:none}
@media (prefers-color-scheme:dark){:root:not([data-tema="svijetla"]) .dp-ik-sunce{display:block}:root:not([data-tema="svijetla"]) .dp-ik-mjesec{display:none}}
@media (min-width:761px){.dp-gumb-tema{right:auto;left:16px}}
/* traka za kolačiće u bojama weba (i u tamnoj temi) */
.cms-privola{color:var(--dp-tinta)}
.cms-privola-traka,.cms-privola-kutija{background:var(--dp-papir);border-top-color:var(--dp-crta)}
.cms-privola p{color:var(--dp-tinta2)}
.cms-privola button{background:var(--dp-papir);color:var(--dp-tinta);border-color:var(--dp-crta)}
.cms-privola button.glavni{color:#fff}
.cms-privola-vrste label{border-color:var(--dp-crta)}
.cms-privola-vrste small{color:var(--dp-tinta3)}
.cms-privola-ponovno{font-family:var(--dp-font);background:var(--dp-papir);color:var(--dp-tinta2);border-color:var(--dp-crta)}
/* srdjan 2026-10-21 - mobitel: izbornik desno, tema lijevo (korisnik: „zamijeni strane”); ikona izbornika tri crte koje se pretvore u X */
.dp-gumb-izb svg path{transition:transform .2s ease,opacity .2s ease;transform-origin:12px 12px}
.dp-gumb-izb[aria-expanded="true"] .dp-izb-l1{transform:translateY(5px) rotate(45deg)}
.dp-gumb-izb[aria-expanded="true"] .dp-izb-l2{opacity:0}
.dp-gumb-izb[aria-expanded="true"] .dp-izb-l3{transform:translateY(-5px) rotate(-45deg)}
@media (max-width:760px){
  .dp-gumb-izb{left:auto;right:8px;top:16px;width:44px;height:44px;place-items:center;color:var(--dp-tinta)}
  .dp-gumb-tema{right:auto;left:8px;top:18px;width:40px;height:40px}
}
/* srdjan 2026-10-21 - mobitel: slike od ruba do ruba (velike kartice naslovnice, glavna slika i galerija u članku); tekst i dalje 16 px od ruba */
@media (max-width:760px){
  .dp-red{margin-left:-16px;margin-right:-16px}
  .dp-glavna-slika{margin-left:-16px;margin-right:-16px}
  .dp-glavna-slika figcaption{padding:0 16px}
  .dp-clanak .dp-tekst .b-galerija{margin-left:-16px;margin-right:-16px;gap:4px}
}
/* srdjan 2026-10-21 - mobitel: veće područje dodira (najmanje 44 px) bez povećanja slova; glavna slika rezervira mjesto */
.dp-glavna-slika{aspect-ratio:auto}
.dp-glavna-slika img{width:100%;height:auto;aspect-ratio:16/9}
.dp-banner img{aspect-ratio:var(--bn-omjer,auto)}
@media (max-width:760px){
  .dp-vise{display:inline-block;padding:13px 0;margin:-13px 0}
  .dp-slova button{min-width:44px;min-height:44px}
  .dp-potpis a{display:inline-block;padding:12px 0;margin:-12px 0}
  .dp-ima-galeriju{padding:12px 0;margin:-12px 0}
  .dp-izbornik li a{padding:14px 0}
  .dp-dijeli a,.dp-dijeli button{width:44px;height:44px}
  .dp-oznake a{padding:10px 14px}
}

/* srdjan 2026-10-28 - dokumenti u tekstu članka (kostur: ubačeni dokument / poveznica na dokument sama u retku): novinski redak s crvenom
   oznakom vrste, bez zaobljenja; dva zaredom = jedan popis. Poveznice: tanka podcrta, dokument dobije oznaku, vanjska ↗ */
.dp-tekst ul.b-dokumenti{list-style:none;margin:1.4em 0;padding:0;border-top:2px solid var(--dp-tinta)}
.dp-tekst ul.b-dokumenti+ul.b-dokumenti{margin-top:-1.4em;border-top:0}
.dp-tekst ul.b-dokumenti li{margin:0;padding:0;border-bottom:1px solid var(--dp-crta)}
.dp-tekst ul.b-dokumenti a{display:flex;align-items:center;gap:14px;padding:13px 2px;color:var(--dp-tinta);text-decoration:none;font:600 .98rem/1.4 var(--dp-font)}
.dp-tekst ul.b-dokumenti a:hover{color:var(--dp-crvena)}
.dp-tekst ul.b-dokumenti a:hover .dok-naziv{text-decoration:underline;text-underline-offset:3px}
.dp-tekst ul.b-dokumenti .dok-vrsta{flex:none;min-width:48px;text-align:center;padding:5px 6px;background:var(--dp-crvena);color:#fff;font:700 .68rem/1 var(--dp-font);letter-spacing:.08em}
.dp-tekst ul.b-dokumenti a[href$=".doc" i] .dok-vrsta,.dp-tekst ul.b-dokumenti a[href$=".docx" i] .dok-vrsta{background:var(--dp-tinta)}
.dp-tekst ul.b-dokumenti .dok-naziv{flex:1;min-width:0;overflow-wrap:anywhere}
.dp-tekst ul.b-dokumenti .dok-vel{flex:none;color:var(--dp-tinta3);font-weight:400;font-size:.82rem}
.dp-tekst ul.b-dokumenti .dok-vel::after{content:"  ↓";white-space:pre}
.dp-tekst a:not(ul.b-dokumenti a){text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:rgba(176,22,6,.4);text-underline-offset:3px;transition:text-decoration-color .15s}
.dp-tekst a:not(ul.b-dokumenti a):hover{color:var(--dp-crvena-t);text-decoration-color:currentColor}
.dp-tekst a:is([href$=".pdf" i],[href$=".doc" i],[href$=".docx" i],[href$=".xls" i],[href$=".xlsx" i]):not(ul.b-dokumenti a)::after{display:inline-block;margin-left:6px;padding:1px 5px;background:var(--dp-crvena);color:#fff;font:700 .62rem/1.5 var(--dp-font);letter-spacing:.08em;vertical-align:2px;text-decoration:none}
.dp-tekst a[href$=".pdf" i]:not(ul.b-dokumenti a)::after{content:"PDF"}
.dp-tekst a:is([href$=".doc" i],[href$=".docx" i]):not(ul.b-dokumenti a)::after{content:"DOC";background:var(--dp-tinta)}
.dp-tekst a:is([href$=".xls" i],[href$=".xlsx" i]):not(ul.b-dokumenti a)::after{content:"XLS";background:#217346}
.dp-tekst a[target=_blank]:not(ul.b-dokumenti a):not(.b-objava-izvor,.b-objava-kartica):not(:is([href$=".pdf" i],[href$=".doc" i],[href$=".docx" i],[href$=".xls" i],[href$=".xlsx" i]))::after{content:"\2197";display:inline-block;margin-left:2px;font-size:.8em;text-decoration:none}
/* srdjan 2026-11-06 - „Pročitajte i” usred teksta (kostur blok_procitaj) — bez ovoga je bio goli tekst „Pročitajte iNASLOV” */
.dp-tekst .cms-procitaj{margin:24px 0}
.dp-tekst .cms-procitaj a{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid var(--dp-crta,#e3e3e3);background:var(--dp-papir2);text-decoration:none;color:inherit}
.dp-tekst .cms-procitaj a::after{content:none!important}
.dp-tekst .cms-procitaj a:hover b{color:var(--dp-crvena)}
.dp-tekst .cms-procitaj img{width:120px;height:80px;object-fit:cover;flex:none;margin:0}
.dp-tekst .cms-procitaj span{display:block;min-width:0}
.dp-tekst .cms-procitaj small{display:block;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700;color:var(--dp-crvena);margin-bottom:3px}
.dp-tekst .cms-procitaj b{display:block;line-height:1.3;font-size:1rem}
@media (max-width:600px){.dp-tekst .cms-procitaj img{width:84px;height:60px}}
/* srdjan 2026-11-06 - bolji raspored ugrađenog sadržaja (korisnik: „može li se bolje posložit”) */
.dp-tekst .b-objava,.dp-tekst .b-objava-kartica{text-align:center}
.dp-tekst .b-objava-kartica{text-align:left}
.dp-tekst .b-objava-izvor{display:block;margin-top:8px;text-align:center}
.dp-tekst .b-objava iframe{margin:0 auto;border-radius:8px}
.dp-tekst .b-video{border-radius:8px}
.dp-tekst .b-objava-kartica + .b-objava{margin-top:12px}
.dp-reelovi{display:flex;gap:16px;justify-content:center;margin:24px 0}
.dp-reelovi .b-objava-reel{margin:0;flex:0 0 320px}
@media (max-width:700px){
  .dp-reelovi{justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-16px;margin-right:-16px;padding:0 16px 8px;scrollbar-width:thin}
  .dp-reelovi .b-objava-reel{flex:0 0 78%;max-width:320px;scroll-snap-align:center}
  .dp-reelovi .b-objava-reel iframe{height:calc(var(--vis,545px) * .88)}
}
/* srdjan 2026-11-06 - „Piše:” ispod glavne slike (prije u retku s datumom) */
.dp-pise{margin:4px 0 18px;font-size:.88rem;color:var(--dp-tinta3)}
.dp-pise a{color:var(--dp-tinta);font-weight:700;text-decoration:none}.dp-pise a:hover{color:var(--dp-crvena)}
@media (max-width:760px){.dp-pise a{display:inline-block;padding:10px 0;margin:-10px 0}}
/* srdjan 2026-11-06 - opis oznake ispod naslova (npr. tko je Mato Franković) */
.dp-oznaka-opis{max-width:760px;margin:-6px 0 26px;font-size:1.05rem;line-height:1.6;color:var(--dp-tekst2,#444)}
/* srdjan 2026-11-06 - potpis izrade u podnožju */
.dp-dno-izrada{margin:0;color:var(--dp-tinta3);font-size:.85em}
.dp-dno-izrada a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.dp-dno-izrada a:hover{color:var(--dp-crvena)}
@media (min-width:900px){.dp-dno-izrada{flex-basis:100%;text-align:right;margin-top:-10px}}
/* srdjan 2026-11-06 - oznaka sponzoriranog članka (Zakon o medijima čl. 20) */
.dp-sponzorirano{display:inline-block;margin:0 0 10px;padding:4px 10px;border:1px solid #9a6b00;color:#7a5400;background:#fff8e6;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:3px}