/* ==========================================================================
   Zvornički – glavni stilovi
   ========================================================================== */
:root{
	--zv-accent:#F2600C;
	--zv-kick:#C2410C;
	--zv-petrol:#0B3F47;
	--zv-ink:#0F2A2E;
	--zv-ink-2:#2F4448;
	--zv-muted:#5E7275;
	--zv-soft:#8FA9A3;
	--zv-line:#E4ECE9;
	--zv-line-2:#DCE5E1;
	--zv-bg:#EEF3F1;
	--zv-cyan:#1FD0D2;
	--zv-head:'Fira Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
	--zv-body:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
	--zv-gap:6px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zv-bg);color:var(--zv-ink);font-family:var(--zv-body);font-size:16px;line-height:1.5}
img{max-width:100%;height:auto;display:block}
a{color:var(--zv-ink);text-decoration:none}
a:hover{color:var(--zv-kick)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--zv-accent);outline-offset:2px}
button{font:inherit;color:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.zv-skip:focus{position:fixed!important;top:8px;left:8px;width:auto;height:auto;clip:auto;z-index:100;background:#fff;padding:10px 14px;border-radius:8px}
.zv-i{flex-shrink:0}
.zv-wrap{max-width:1280px;margin:0 auto;padding:0 20px}
.zv-sq{display:inline-block;width:12px;height:12px;border-radius:3px;background:var(--c,var(--zv-accent));flex-shrink:0}
.zv-sq-lg{width:16px;height:16px;border-radius:4px}

/* ---------- Header ---------- */
.zv-topline{height:5px;background:var(--zv-accent)}
.zv-header{background:#fff;box-shadow:0 1px 0 var(--zv-line-2);position:relative;z-index:20}
.zv-head{min-height:62px;display:flex;align-items:center;gap:8px 22px;flex-wrap:nowrap}
.zv-iconbtn{width:44px;height:44px;flex-shrink:0;border:0;border-radius:10px;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--zv-ink)}
.zv-iconbtn:hover{background:var(--zv-bg);color:var(--zv-ink)}
.zv-logo{display:inline-flex;align-items:center;flex-shrink:0;font-family:var(--zv-head);font-weight:800;font-size:26px;letter-spacing:-.03em;color:var(--zv-ink);line-height:1.2}
.zv-logo:hover{color:var(--zv-ink)}
.zv-logo-badge{background:var(--zv-accent);color:#fff;border-radius:8px;padding:0 7px;margin-right:2px}
.zv-logo-tld{color:var(--zv-accent)}
.zv-logo img{max-height:44px;width:auto}
.zv-cats{display:flex;flex-wrap:nowrap;white-space:nowrap;align-items:center;gap:4px 20px;font-family:var(--zv-head);font-size:16px;font-weight:500;overflow:hidden}
.zv-cats a,.zv-strip a{display:inline-flex;align-items:center;gap:7px;min-height:44px}
.zv-cats a.is-active{box-shadow:inset 0 -3px 0 var(--c);font-weight:600}
/* Padajući meni (podstavke glavnog menija) */
@supports (overflow:clip){.zv-cats{overflow-x:clip;overflow-y:visible;flex:1 1 auto;min-width:0;padding:0 2px}}
.zv-dd{position:relative;display:inline-flex;align-items:center}
.zv-dd-btn{width:22px;height:32px;margin-left:-4px;padding:0;border:0;background:none;color:var(--zv-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px}
.zv-dd-btn:hover{color:var(--zv-ink);background:var(--zv-bg)}
.zv-dd-btn .zv-i{transition:transform .15s}
.zv-dd-menu{position:absolute;top:100%;left:0;z-index:30;min-width:220px;padding:6px;background:#fff;border-radius:10px;box-shadow:0 10px 30px rgba(15,42,46,.16),0 0 0 1px var(--zv-line-2);display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility .15s}
.zv-dd-menu a{min-height:40px;padding:0 10px;border-radius:7px;font-size:15px;font-weight:500;white-space:nowrap}
.zv-dd-menu a:hover{background:var(--zv-bg);color:var(--zv-ink)}
.zv-dd:hover .zv-dd-menu,.zv-dd:focus-within .zv-dd-menu,.zv-dd.is-open .zv-dd-menu{opacity:1;visibility:visible;transform:none}
.zv-dd:hover .zv-dd-btn .zv-i,.zv-dd.is-open .zv-dd-btn .zv-i{transform:rotate(180deg)}
.zv-dd.zv-dd-r .zv-dd-menu{left:auto;right:0}
.zv-head-right{margin-left:auto;flex-shrink:0;display:flex;align-items:center;gap:4px}
.zv-strip{display:none;border-top:1px solid var(--zv-line);padding:0 12px;gap:16px;overflow-x:auto;white-space:nowrap;font-family:var(--zv-head);font-size:15px;font-weight:500;scrollbar-width:none}
.zv-strip::-webkit-scrollbar{display:none}
.zv-strip a{flex-shrink:0}
.zv-strip a.is-active{box-shadow:inset 0 -3px 0 var(--c)}
.zv-strip .zv-muted{color:#4A5E61}
.zv-progress{height:3px;background:var(--zv-line)}
.zv-progress span{display:block;height:3px;width:0;background:var(--zv-accent);transition:width .1s linear}

/* ---------- Topics ---------- */
.zv-topics{background:#fff;margin-top:var(--zv-gap);padding:0 12px;min-height:36px;display:flex;flex-wrap:wrap;align-items:center;gap:2px 26px;font-size:12px;font-weight:500;letter-spacing:.03em;text-transform:uppercase}
.zv-topics>a{display:inline-flex;align-items:center;gap:6px;min-height:36px;color:var(--zv-ink-2)}
.zv-topics>a span{color:var(--zv-accent);font-weight:700;font-size:15px}
.zv-topics-svc{margin-left:auto;display:flex;align-items:center;gap:18px;font-family:var(--zv-head);font-size:14px;text-transform:none;letter-spacing:0;padding-left:18px;border-left:1px solid var(--zv-line-2)}
.zv-topics-svc a{color:#4A5E61}

/* ---------- Layout ---------- */
.zv-main{display:block}
.zv-split{display:flex;flex-wrap:wrap;gap:var(--zv-gap);margin-top:var(--zv-gap);align-items:flex-start}
.zv-split-stretch{align-items:stretch}
.zv-split>.zv-hero,.zv-split>.zv-grid,.zv-split>.zv-article-col,.zv-split>.zv-hero-col{flex:999 1 720px;min-width:0}
.zv-hero-col{display:flex;flex-direction:column;gap:var(--zv-gap)}
.zv-area.zv-ad-hero{margin-top:0}
.zv-hero-col>.zv-more-home{margin-top:0}
.zv-more-home>.zv-grid{margin-top:var(--zv-gap)}
.zv-split>.zv-side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:var(--zv-gap)}
.zv-box{background:#fff;padding:12px 16px}
.zv-box-title{margin:0 0 8px;display:flex;align-items:center;gap:10px;font-family:var(--zv-head);font-size:17px;font-weight:600}
.zv-panel{background:#fff;margin-top:8px}

/* ---------- Kartice ---------- */
.zv-hero,.zv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:var(--zv-gap)}
.zv-grid-wide{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.zv-grid-lines{gap:1px}
.zv-grid-lines>*,.zv-grid4>*,.zv-list3>*{box-shadow:0 0 0 1px var(--zv-line)}
.zv-card{background:#fff;padding:7px 7px 10px;display:flex;flex-direction:column;gap:9px;min-width:0}
.zv-card-img{display:block;aspect-ratio:3/2;background:var(--zv-line);overflow:hidden}
.zv-card-img img,.zv-row-img img,.zv-lead-img img{width:100%;height:100%;object-fit:cover}
.zv-kick{font-family:var(--zv-head);font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--zv-kick)}
.zv-kick-light{color:var(--zv-cyan);font-weight:700}
.zv-kick-lg{font-size:13px;font-weight:700;letter-spacing:.04em}
.zv-card-title{margin:0;font-family:var(--zv-head);font-size:16px;font-weight:600;line-height:1.3}
.zv-meta{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--zv-muted)}
.zv-com{display:inline-flex;align-items:center;gap:5px}
.zv-com .zv-i{color:var(--zv-soft)}
.zv-card-text{padding:14px 10px 12px;min-height:124px}

.zv-lead{grid-column:span 2;min-height:300px;position:relative;background:#8FB3AA;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.zv-lead-img{position:absolute;inset:0}
.zv-lead-band{position:relative;background:var(--zv-petrol);padding:14px 14px 12px;display:flex;flex-direction:column;gap:6px}
.zv-lead-title{margin:0;font-family:var(--zv-head);font-size:22px;font-weight:700;line-height:1.25}
.zv-lead-title a,.zv-lead-title a:hover{color:#fff}
.zv-lead .zv-meta{color:#BFD3CF;padding-top:4px}
.zv-lead .zv-com .zv-i{color:#BFD3CF}

.zv-row{background:#fff;padding:16px;display:flex;gap:14px;min-width:0}
.zv-row-img{width:130px;height:130px;flex-shrink:0;background:var(--zv-line);overflow:hidden}
.zv-row-body{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.zv-row-title{margin:0;font-family:var(--zv-head);font-size:14.5px;font-weight:600;line-height:1.32}
/* Naslovi kartica najviše u 3 reda (pun naslov ostaje u HTML-u za čitače i Google) */
.zv-card-title,.zv-lead-title,.zv-row-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}

.zv-mini{padding:13px 0 11px;border-bottom:1px solid var(--zv-line);display:flex;flex-direction:column;gap:5px}
.zv-mini .zv-card-title{font-family:var(--zv-body);font-size:15.5px;font-weight:400;line-height:1.38}
.zv-mini .zv-meta{padding-top:4px}

/* ---------- Tabovi ---------- */
.zv-tabs{padding:8px 16px 6px}
.zv-tablist{display:flex;border-bottom:1px solid var(--zv-line-2)}
.zv-tablist button{flex:1;min-height:46px;border:0;background:transparent;font-family:var(--zv-head);font-size:15px;color:#4A5E61;cursor:pointer}
.zv-tablist button[aria-selected="true"]{font-weight:600;color:var(--zv-ink);box-shadow:inset 0 -3px 0 var(--zv-accent)}
.zv-empty{color:var(--zv-muted);font-size:14px}

/* ---------- Sekcije ---------- */
.zv-section{margin-top:18px}
.zv-section-head{margin:0;background:#fff;padding:0 14px;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--zv-head);font-size:17px;font-weight:500;border-bottom:1px solid var(--zv-line)}
.zv-section-head h2{margin:0;display:flex;align-items:center;gap:10px;font-size:17px;font-weight:500}
.zv-section-head>.zv-sq{margin-right:-2px}
h2.zv-section-head{justify-content:flex-start}
.zv-section-head>a{font-size:14px;font-weight:500}
.zv-section-head small{font-family:var(--zv-body);font-size:12px;font-weight:400;color:var(--zv-muted)}
.zv-section>.zv-grid,.zv-section>.zv-split{margin-top:var(--zv-gap)}
.zv-section>.zv-grid-lines{margin-top:0}
.zv-more-link{text-align:center;margin:24px 0}
.zv-more-link a{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:999px;background:#fff;border:1px solid var(--zv-line-2);font-weight:600}

/* ---------- Oglasi ---------- */
.zv-area{display:flex;flex-direction:column;align-items:center;gap:4px}
.zv-ad-label{display:block;font-size:11px;letter-spacing:.1em;color:var(--zv-muted);text-align:center}
.zv-ad-item{max-width:100%;overflow:hidden}
.zv-ad-item img{margin:0 auto}
.zv-ad-wide{margin-top:18px;background:#fff;padding:6px;align-items:stretch}
.zv-ad-wide .zv-ad-label{background:transparent;margin-bottom:4px;text-align:center}
.zv-ad-wide .zv-ad-item,.zv-ad-wide .zv-rot,.zv-ad-wide .zv-rot-item{width:100%;max-width:100%}
.zv-ad-wide img,.zv-ad-wide picture{display:block;width:100%;height:auto;max-width:100%}
.zv-area.zv-ad-hero{padding:6px}
.zv-side-ads{background:#fff;padding:12px;gap:12px}
.zv-side-ads .zv-ad-item+.zv-ad-item{margin-top:8px}
.zv-sticky-last .zv-ad-item:last-child{position:sticky;top:12px}
.zv-ad-inline{margin:4px 0}
.zv-mobile-only{display:none}

/* Karusel */
.zv-carousel{width:100%;max-width:728px;align-self:center;display:flex;flex-direction:column;gap:6px}
.zv-carousel-head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;color:var(--zv-muted)}
.zv-carousel-viewport{overflow:hidden;border-radius:6px}
.zv-carousel-track{display:flex;transition:transform .45s ease}
.zv-carousel-track>.zv-ad-item{flex:0 0 100%;display:flex;justify-content:center;align-items:center}
.zv-carousel-track picture,.zv-carousel-track img{display:block;width:100%;height:auto}
.zv-carousel-track img{max-height:280px;object-fit:contain}
.zv-ad-switch{display:contents}
.zv-rot{display:grid;max-width:100%}
.zv-rot-item{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;display:flex;justify-content:center;align-items:center}
.zv-rot-item.is-on{opacity:1;visibility:visible}
.zv-rot-item img{display:block;max-width:100%;height:auto}
.zv-adpair-one{grid-template-columns:minmax(0,1fr)}
.zv-carousel-dots{display:flex;justify-content:center;gap:2px}
.zv-carousel-dots button{width:32px;height:28px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.zv-carousel-dots span{display:block;height:8px;width:8px;border-radius:4px;background:#C9D6D2;transition:width .2s}
.zv-carousel-dots [aria-pressed="true"] span{width:22px;background:var(--zv-accent)}

/* Dva oglasa u tekstu */
.zv-adpair-wrap{margin:8px 0 24px;display:flex;flex-direction:column;gap:6px}
.zv-adpair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:center;justify-items:center}
.zv-adpair-hint{display:none;font-size:12px;color:var(--zv-muted);text-align:center}

/* ---------- Članak ---------- */
.zv-topics-wrap{display:block}
.zv-article{background:#fff;padding:28px 48px 36px;display:flex;flex-direction:column;gap:18px;min-width:0}
.zv-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px;color:var(--zv-muted)}
.zv-crumb a{color:var(--zv-muted);display:inline-flex;align-items:center;gap:6px}
.zv-crumb a:last-child{color:var(--zv-ink);font-weight:600}
.zv-crumb .zv-sq{width:10px;height:10px}
.zv-crumb a:not(:last-child) .zv-sq{display:none}
.zv-title{margin:-8px 0 0;font-family:var(--zv-head);font-weight:700;font-size:34px;line-height:1.18;letter-spacing:-.015em}
.zv-lede{margin:0;font-size:19px;line-height:1.55;color:var(--zv-ink-2);font-weight:500}
.zv-metabar{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--zv-line);border-bottom:1px solid var(--zv-line);padding:10px 0}
.zv-metarow{display:flex;align-items:center;gap:10px}
.zv-avatar img{width:34px;height:34px;border-radius:50%}
.zv-ava{display:inline-flex;align-items:center;justify-content:center;width:var(--s);height:var(--s);border-radius:50%;color:#fff;font-family:var(--zv-head);font-weight:600;font-size:calc(var(--s) * .4);letter-spacing:.02em;line-height:1;flex-shrink:0;user-select:none}
.zv-metatext{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.zv-author{font-size:14px;font-weight:600}
.zv-src{font-weight:400;color:var(--zv-muted)}
.zv-src a{color:inherit}
.zv-src a:hover{color:var(--zv-kick)}
.zv-metasmall{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--zv-muted)}
.zv-metasmall>span{display:inline-flex;align-items:center;gap:4px}
.zv-pill{height:40px;padding:0 12px;flex-shrink:0;border-radius:999px;background:var(--zv-bg);display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--zv-petrol)}
.zv-roundbtn{width:40px;height:40px;flex-shrink:0;border:0;border-radius:50%;background:var(--zv-bg);color:var(--zv-petrol);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.zv-gs{display:flex;align-items:center;gap:10px;border:1px solid #DADCE0;background:#fff;color:#3C4043;line-height:1.2}
.zv-gs:hover{color:#202124;border-color:#4285F4;box-shadow:0 1px 4px rgba(66,133,244,.25)}
.zv-gs-g{flex-shrink:0}
.zv-gs-full{padding:12px 16px;border-radius:10px;background:#F8F9FA;font-family:var(--zv-head);font-size:15px;font-weight:500}
.zv-gs-full span{flex:1;min-width:0}
.zv-gs-full .zv-i{color:#9AA0A6}
.zv-gs-full:hover{background:#F1F3F4}
.zv-share-toggle[aria-expanded="true"]{background:var(--zv-accent);color:#fff}
.zv-share{display:flex;gap:10px;justify-content:flex-end}
.zv-share[hidden]{display:none}
.zv-sharebtn{width:44px;height:44px;flex-shrink:0;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}
.zv-sharebtn:hover{color:#fff;filter:brightness(1.08)}
.zv-copy{background:var(--zv-petrol)}
.zv-figure{margin:0;display:flex;flex-direction:column;position:relative}
.zv-figure img{width:100%;aspect-ratio:16/9;object-fit:cover}
.zv-figure figcaption,.zv-content .wp-block-image figcaption,.zv-content .wp-caption .wp-caption-text{position:absolute;left:0;right:0;bottom:0;margin:0;padding:8px 12px;background:rgba(15,42,46,.86);color:#fff;font-size:13.5px;line-height:1.4;text-align:left;pointer-events:none}
.zv-figure a{cursor:zoom-in}

/* Galerija */
.zv-card-img,.zv-row-img{position:relative}
.zv-gal-badge{position:absolute;right:6px;bottom:6px;display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;background:rgba(15,42,46,.78);color:#fff;font-size:12px;font-weight:600;line-height:1;pointer-events:none}
.zv-lead .zv-gal-badge{top:10px;right:10px;bottom:auto}
.zv-gallery{position:relative}
.zv-gal-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;background:var(--zv-ink)}
.zv-gal-track::-webkit-scrollbar{display:none}
.zv-gal-slide{flex:0 0 100%;margin:0;scroll-snap-align:center;display:flex;flex-direction:column}
.zv-gal-slide a{display:block;cursor:zoom-in}
.zv-gal-slide img{width:100%;aspect-ratio:16/9;object-fit:contain}
.zv-gal-slide figcaption{font-size:12.5px;color:#BFD3CF;padding:6px 10px 8px}
.zv-gal-nav{position:absolute;top:calc(50% - 18px);width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--zv-accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.zv-gal-nav:hover{background:var(--zv-kick)}
.zv-gal-nav .zv-i{width:20px;height:20px}
.zv-gal-prev{left:10px}
.zv-gal-prev .zv-i{transform:rotate(180deg)}
.zv-gal-next{right:10px}
.zv-gal-nav[disabled]{opacity:0;pointer-events:none}
.zv-gal-count{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:rgba(15,42,46,.78);color:#fff;font-size:13px;font-weight:600;pointer-events:none}

/* Pregled preko cijelog ekrana */
.zv-lb{position:fixed;inset:0;z-index:90;background:rgba(6,18,20,.96);display:flex;flex-direction:column;color:#fff}
.zv-lb[hidden]{display:none}
.zv-lb-top{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:14px;font-weight:600}
.zv-lb-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 60px;touch-action:pan-y}
.zv-lb-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none}
.zv-lb-cap{padding:10px 16px 16px;text-align:center;font-size:14px;color:#BFD3CF;min-height:20px}
.zv-lb-btn{width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.zv-lb-btn:hover{background:rgba(255,255,255,.22)}
.zv-lb-btn[hidden]{display:none}
.zv-lb-prev,.zv-lb-next{position:absolute;top:calc(50% - 22px);background:var(--zv-accent)}
.zv-lb-prev:hover,.zv-lb-next:hover{background:var(--zv-kick)}
.zv-lb-prev{left:10px}
.zv-lb-prev .zv-i{transform:rotate(180deg)}
.zv-lb-next{right:10px}
.zv-ukratko{background:var(--zv-bg);border-radius:10px;padding:16px 20px}
.zv-ukratko>span{font-family:var(--zv-head);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--zv-petrol)}
.zv-ukratko ul{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:16px}
.zv-content{font-size:18px;line-height:1.72;color:#1C2B2E;overflow-wrap:break-word}
.zv-content>*{margin:0 0 20px}
.zv-content h2{font-family:var(--zv-head);font-size:24px;line-height:1.25;margin:28px 0 12px}
.zv-content h3{font-family:var(--zv-head);font-size:20px;margin:24px 0 10px}
.zv-content a{color:var(--zv-kick);text-decoration:underline;text-underline-offset:3px}
.zv-content blockquote{margin:6px 0 24px;padding:4px 0 4px 56px;position:relative;font-family:var(--zv-head);font-size:22px;font-weight:600;line-height:1.4;color:var(--zv-petrol)}
.zv-content blockquote::before{content:"\201C";position:absolute;left:0;top:-14px;font-size:72px;line-height:1;color:var(--zv-accent);font-family:Georgia,serif}
.zv-content blockquote p{margin:0}
.zv-content blockquote cite{display:block;margin-top:10px;font-family:var(--zv-body);font-size:14px;font-weight:500;font-style:normal;color:var(--zv-muted)}
.zv-content figure{margin:0 0 20px}
.zv-content figcaption,.zv-content .wp-caption-text{font-size:13px;color:var(--zv-muted);margin-top:6px}
.zv-content .wp-block-image,.zv-content .wp-caption{position:relative;width:fit-content;max-width:100%}
.zv-content img{height:auto}
.zv-content iframe{max-width:100%}
.zv-content ul,.zv-content ol{padding-left:22px}
.zv-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.zv-tags>span{font-size:12px;color:var(--zv-muted);margin-right:2px}
.zv-tags a{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--zv-line-2);border-radius:6px;font-size:12.5px;color:#4A5E61}
.zv-sendnews{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:var(--zv-bg)}
.zv-sendnews:hover{color:var(--zv-ink)}
.zv-sendnews-ico{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:var(--zv-petrol);color:#fff;display:flex;align-items:center;justify-content:center}
.zv-sendnews-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.zv-sendnews-txt strong{font-family:var(--zv-head);font-size:14.5px;font-weight:600}
.zv-sendnews-txt small{font-size:12.5px;color:var(--zv-muted)}
.zv-sendnews-btn{height:34px;padding:0 14px;flex-shrink:0;border-radius:999px;background:var(--zv-accent);color:#fff;font-size:13.5px;font-weight:700;display:inline-flex;align-items:center}
.zv-page{margin-top:8px}

/* Bočna kolona članka */
.zv-danas .zv-danas-item{padding:10px 12px;border-radius:10px;background:var(--zv-bg);margin-top:8px;font-size:14.5px}
.zv-danas-label{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#4A5E61}
.zv-popular{padding:8px 16px 6px}
.zv-popular .zv-box-title{min-height:44px;margin:0;border-bottom:1px solid var(--zv-line-2)}
.zv-popular ol{list-style:none;margin:0;padding:0;counter-reset:zv}
.zv-popular li{counter-increment:zv;display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--zv-line);font-size:15px;line-height:1.38}
.zv-popular li::before{content:counter(zv);width:30px;height:30px;flex-shrink:0;border-radius:50%;background:var(--zv-accent);color:#fff;font-family:var(--zv-head);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}

/* Komentari */
.zv-comments{background:#fff;margin-top:var(--zv-gap);padding:24px 48px 28px;display:flex;flex-direction:column;gap:14px}
.zv-comments .comment-form{display:flex;flex-direction:column;gap:10px}
.zv-comments .comment-form p{margin:0}
.zv-comments label{display:block;font-size:14px;font-weight:600;margin-bottom:4px}
.zv-comments textarea,.zv-comments input[type=text],.zv-comments input[type=email],.zv-comments input[type=url]{width:100%;font:inherit;font-size:15px;padding:12px 14px;border:1px solid var(--zv-line-2);border-radius:10px;background:#fff}
.zv-note{font-size:13px;color:var(--zv-muted)}
.zv-btn,.zv-comments .form-submit input{height:44px;padding:0 20px;border:0;border-radius:10px;background:var(--zv-petrol);color:#fff;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.zv-comment-list,.zv-comment-list .children{list-style:none;margin:0;padding:0}
.zv-comment-list .children{padding-left:28px}
.zv-comment-list .comment-body{border-top:1px solid var(--zv-line);padding:14px 0;font-size:15.5px;line-height:1.5}
.zv-comment-list .comment-author{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px}
.zv-comment-list .comment-author img{border-radius:50%}
.zv-comment-list .says{display:none}
.zv-comment-list .comment-metadata{font-size:13px;margin:2px 0 6px 48px}
.zv-comment-list .comment-metadata a{color:var(--zv-muted)}
.zv-comment-list .comment-content{margin-left:48px}
.zv-comment-list .comment-content p{margin:0 0 8px}
.zv-comment-list .reply{margin-left:48px}
.zv-comment-list .reply a{font-size:13px;font-weight:600;color:#4A5E61}

/* Donja traka (mobitel) */
.zv-bottombar{display:none}

/* ---------- Arhive ---------- */
.zv-archive-head{padding:14px 18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;border-bottom:1px solid var(--zv-line)}
.zv-eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--zv-muted)}
.zv-eyebrow a{color:var(--zv-muted)}
.zv-archive-title{margin:0;display:flex;align-items:center;gap:10px;font-family:var(--zv-head);font-size:22px;font-weight:600}
.zv-hash{color:var(--zv-accent);font-weight:700}
.zv-daynav{display:flex;align-items:center;gap:8px}
.zv-daynav a,.zv-daynav input{height:40px;padding:0 12px;border:1px solid var(--zv-line-2);border-radius:8px;display:inline-flex;align-items:center;font:inherit;font-size:14px;color:var(--zv-ink);background:#fff}
.zv-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px}
.zv-grid4 .zv-card{padding:16px 16px 12px;gap:10px}
.zv-grid4 .zv-card-title{font-size:17px}
.zv-list3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border-top:1px solid var(--zv-line)}
.zv-pagebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid var(--zv-line);font-size:14px;color:#4A5E61}
.zv-pagebar strong{color:var(--zv-ink)}
.zv-pagination{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.zv-pagination .page-numbers{min-width:40px;height:40px;padding:0 10px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--zv-line-2);font-size:14px;font-weight:500}
.zv-pagination .page-numbers.current{background:var(--zv-petrol);border-color:var(--zv-petrol);color:#fff;font-weight:700}
.zv-pagination .page-numbers.dots{border:0;color:var(--zv-muted)}
.zv-pagination .next,.zv-pagination .prev{font-weight:600}
.zv-pagination-m{display:none;align-items:center;gap:8px}
.zv-pagination-m a{height:44px;padding:0 16px;border-radius:8px;background:var(--zv-petrol);color:#fff;display:inline-flex;align-items:center;font-weight:600}
.zv-pagination-m .zv-pg-prev{background:#fff;color:var(--zv-ink);border:1px solid var(--zv-line-2)}
.zv-empty-state{padding:32px 18px}

/* Glavna rubrika s podrubrikama */
.zv-parent-head{padding:18px 20px 0;display:flex;flex-direction:column;gap:6px}
.zv-archive-title{font-size:22px}
.zv-parent-head .zv-archive-title{font-size:26px}
.zv-parent-desc{font-size:14px;color:var(--zv-muted)}
.zv-parent-desc p{margin:0}
.zv-chips{display:flex;gap:6px;overflow-x:auto;white-space:nowrap;margin-top:8px;padding-bottom:12px;scrollbar-width:none}
.zv-chips::-webkit-scrollbar{display:none}
.zv-chips a{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:var(--zv-bg);font-size:14px;font-weight:500;flex-shrink:0}
.zv-chips a.is-on{background:var(--zv-petrol);color:#fff;font-weight:600}
.zv-grid-lines .zv-card{padding:8px 8px 10px}

/* Promo */
.zv-promo .zv-grid{margin-top:var(--zv-gap)}
.zv-more .zv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Pretraga */
.zv-searchbox{display:flex;align-items:center;background:#fff;border:1px solid var(--zv-line-2);border-radius:12px;padding:0 6px 0 14px;height:52px;max-width:520px}
.zv-searchbox input{flex:1;min-width:0;border:0;outline:none;font:inherit;font-size:15px;background:transparent;color:var(--zv-ink);height:100%}
.zv-searchbox input[type=date]{padding-right:8px}
.zv-searchbox[hidden]{display:none}

/* ---------- Podnožje ---------- */
.zv-footer{background:var(--zv-petrol);color:#BFD3CF;margin-top:36px;font-size:15px}
.zv-foot-grid{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));gap:32px 40px;padding-top:44px;padding-bottom:36px}
.zv-footer .zv-logo{color:#fff;font-size:24px}
.zv-foot-about{margin:14px 0 0;max-width:380px;line-height:1.6;color:#BFD3CF}
.zv-foot-social{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.zv-foot-social a{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:#fff}
.zv-foot-social a:hover{background:var(--zv-accent);color:#fff}
.zv-foot-col h2{margin:4px 0 14px;font-family:var(--zv-head);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff}
.zv-foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.zv-foot-col a{display:inline-flex;align-items:center;gap:8px;min-height:32px;color:#DCE8E5}
.zv-foot-col a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.zv-foot-bottom{border-top:1px solid rgba(255,255,255,.12)}
.zv-foot-bottom-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;padding-top:16px;padding-bottom:18px;font-size:13px}
.zv-foot-bottom p{margin:0;color:#9FB8B2}
.zv-foot-top{display:inline-flex;align-items:center;gap:6px;min-height:36px;color:#DCE8E5;font-weight:600}
.zv-foot-top:hover{color:#fff}

/* ---------- Bočni meni ---------- */
.zv-drawer{position:fixed;inset:0;z-index:100;display:flex}
.zv-drawer[hidden]{display:none}
.zv-drawer-backdrop{position:absolute;inset:0;border:0;padding:0;background:rgba(15,42,46,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer}
.zv-drawer-panel{position:relative;width:420px;max-width:92%;height:100%;background:#fff;box-shadow:8px 0 30px rgba(15,42,46,.25);display:flex;flex-direction:column;overflow-y:auto;transform:translateX(-100%);transition:transform .22s ease}
.zv-drawer.is-open .zv-drawer-panel{transform:none}
.zv-drawer-top{padding:14px 16px 14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--zv-line)}
.zv-drawer-top .zv-roundbtn{width:44px;height:44px;background:#fff;border:1px solid var(--zv-line-2);color:var(--zv-ink)}
.zv-drawer-search{background:#F4F8F6;padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px;border-bottom:1px solid var(--zv-line)}
.zv-drawer-search .zv-searchbox{max-width:none}
.zv-seg{display:flex;gap:4px;align-self:flex-start;background:var(--zv-line);border-radius:999px;padding:3px}
.zv-seg button{min-height:34px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:#4A5E61;font-size:13px;font-weight:500;cursor:pointer}
.zv-seg button.is-on{background:#fff;color:var(--zv-ink);font-weight:600;box-shadow:0 1px 3px rgba(15,42,46,.15)}
.zv-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px 8px;border-bottom:1px solid var(--zv-line)}
.zv-quick a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:6px 2px;font-size:13px;text-align:center}
.zv-quick a>span{width:46px;height:46px;border-radius:50%;background:var(--zv-bg);color:var(--zv-petrol);display:flex;align-items:center;justify-content:center}
.zv-danas-pill{margin:14px 16px 0;display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px;border-radius:12px;background:#FFF4EC;border:1px solid #FBD8C2;font-family:var(--zv-head);font-weight:600;font-size:15px}
.zv-danas-pill>span:nth-child(2){flex:1}
.zv-danas-ico{width:28px;height:28px;border-radius:8px;background:var(--zv-accent);color:#fff;display:flex;align-items:center;justify-content:center}
.zv-drawer-label{padding:18px 16px 4px;font-size:12px;font-weight:600;letter-spacing:.16em;color:var(--zv-muted)}
.zv-acc{list-style:none;margin:0;padding:0 0 12px}
.zv-acc li{border-bottom:1px solid var(--zv-line)}
.zv-acc-btn{width:100%;min-height:50px;padding:0 18px;display:flex;align-items:center;gap:12px;border:0;background:transparent;font-family:var(--zv-head);font-size:15px;font-weight:500;color:var(--zv-ink);text-align:left;cursor:pointer}
.zv-acc-name{flex:1}
.zv-acc-btn .zv-i:last-child{color:var(--zv-muted);transition:transform .2s}
.zv-acc-btn[aria-expanded="true"] .zv-i:last-child{transform:rotate(180deg)}
.zv-acc-panel{padding:0 18px 14px 42px;display:flex;flex-wrap:wrap;gap:8px}
.zv-acc-panel[hidden]{display:none}
.zv-acc-panel a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:var(--zv-bg);font-size:14px}
.zv-acc-panel .zv-acc-all{background:transparent;color:var(--zv-kick);font-weight:600;padding:0}
body.zv-lock{overflow:hidden}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width:1120px){
	.zv-cats{display:none}
	.zv-strip{display:flex}
}
@media (max-width:900px){
	.zv-foot-grid{grid-template-columns:1fr 1fr 1fr}
	.zv-foot-brand{grid-column:1/-1}
	.zv-topics-svc{display:none}
	.zv-grid4,.zv-more .zv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.zv-list3{grid-template-columns:repeat(2,minmax(0,1fr))}
	.zv-article,.zv-comments{padding-left:28px;padding-right:28px}
}
@media (max-width:640px){
	.zv-foot-grid{grid-template-columns:1fr 1fr;gap:28px 20px;padding-top:32px;padding-bottom:24px}
	.zv-foot-brand{grid-column:1/-1}
	.zv-wrap{padding-left:10px;padding-right:10px}
	.zv-head{min-height:56px;gap:4px 8px}
	.zv-logo{font-size:22px}
	.zv-topics{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:2px 18px;scrollbar-width:none}
	.zv-topics::-webkit-scrollbar{display:none}

	/* kartice postaju redovi */
	.zv-hero .zv-card,.zv-section .zv-grid:not(.zv-grid-2m) .zv-card:not(.zv-card-text){display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:12px;row-gap:5px;padding:10px;align-content:start}
	.zv-hero .zv-card-img,.zv-section .zv-grid:not(.zv-grid-2m) .zv-card-img{grid-row:1/span 3;grid-column:1;aspect-ratio:4/3}
	.zv-hero .zv-card>*:not(.zv-card-img),.zv-section .zv-grid:not(.zv-grid-2m) .zv-card:not(.zv-card-text)>*:not(.zv-card-img){grid-column:2}
	.zv-hero .zv-card .zv-meta,.zv-section .zv-grid:not(.zv-grid-2m) .zv-card .zv-meta{padding-top:2px}
	.zv-card-title{font-size:15px}
	.zv-lead{grid-column:auto;min-height:0;justify-content:flex-start}
	.zv-lead-img{position:relative;inset:auto;display:block;aspect-ratio:16/9}
	.zv-lead-title{font-size:19px}

	/* 2 u redu */
	.zv-grid-2m,.zv-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
	.zv-grid-2m .zv-card,.zv-grid4 .zv-card{padding:6px 6px 8px;gap:6px}
	.zv-grid-2m .zv-card-title,.zv-grid4 .zv-card-title{font-size:14px}
	.zv-grid-2m .zv-com,.zv-grid4 .zv-com,.zv-list3 .zv-com{display:none}
	.zv-list3{grid-template-columns:minmax(0,1fr)}
	.zv-row{padding:10px;gap:12px}
	.zv-row-img{width:104px;height:78px}

	.zv-archive-head{padding:12px 14px}
	.zv-archive-title{font-size:20px}
	.zv-parent-head{padding:14px 14px 0}
	.zv-parent-head .zv-archive-title{font-size:22px}
	.zv-daynav{width:100%;justify-content:space-between}
	.zv-pagination{display:none}
	.zv-pagination-m{display:flex}

	/* članak */
	.zv-topics-wrap,.zv-crumb{display:none}
	.zv-article{padding:16px 14px 20px;gap:14px}
	.zv-comments{padding:18px 14px 20px}
	.zv-title{font-size:23px;line-height:1.22;letter-spacing:-.01em;margin-top:-6px}
	.zv-lede{font-size:16px;line-height:1.5}
	.zv-content{font-size:17px}
	.zv-figure,.zv-gallery{margin-left:-14px;margin-right:-14px}
	.zv-gal-nav{width:30px;height:30px;top:calc(50% - 15px)}
	.zv-gal-nav .zv-i{width:18px;height:18px}
	.zv-gal-prev{left:8px}
	.zv-gal-next{right:8px}
	.zv-lb-stage{padding:0}
	.zv-lb-prev,.zv-lb-next{width:36px;height:36px;top:calc(50% - 18px);box-shadow:0 2px 8px rgba(0,0,0,.35)}
	.zv-lb-prev .zv-i,.zv-lb-next .zv-i{width:20px;height:20px}
	.zv-lb-prev{left:8px}
	.zv-lb-next{right:8px}
	.zv-figure figcaption{padding:8px 14px}
	.zv-mobile-only{display:flex}
	.zv-adpair{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none}
	.zv-adpair::-webkit-scrollbar{display:none}
	.zv-adpair>.zv-ad-item{flex:0 0 100%;scroll-snap-align:center;display:flex;justify-content:center}
	.zv-adpair-hint{display:block}
	.zv-comment-list .comment-content,.zv-comment-list .reply,.zv-comment-list .comment-metadata{margin-left:0}

	.zv-bottombar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;box-shadow:0 -2px 12px rgba(15,42,46,.12);padding:10px 12px;gap:8px;align-items:center}
	.zv-bb-com{flex:1;height:44px;border-radius:10px;background:var(--zv-bg);display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;color:var(--zv-petrol)}
	.single-post .zv-footer{padding-bottom:64px}
}
@media (max-width:480px){
	.zv-head-right .zv-weather{display:none}
}
@media (prefers-reduced-motion:reduce){
	*{transition:none!important;scroll-behavior:auto!important}
}