/* Zvornik danas – koristi boje teme Zvornički, uz zamjenske vrijednosti */
.zd{--zd-accent:var(--zv-accent,#F2600C);--zd-ink:var(--zv-ink,#0F2A2E);--zd-muted:var(--zv-muted,#5E7275);--zd-bg:var(--zv-bg,#EEF3F1);--zd-line:var(--zv-line,#E4ECE9);display:flex;flex-direction:column;gap:18px;font-size:16px;line-height:1.5}
.zd>*{margin:0}
.zd h2{font-size:22px;margin:0 0 10px}
.zd h3{font-size:16px;margin:18px 0 8px}
.zd-tabs{display:flex;flex-wrap:wrap;gap:8px;position:sticky;top:0;z-index:5;padding:8px 0;background:#fff}
.zd-tabs a .zd-i{margin-right:6px}
.zd-intro{display:flex;flex-direction:column;gap:8px}
.zd-intro p{margin:0;font-size:16.5px;line-height:1.6;color:var(--zv-ink-2,#2F4448)}
.zd-intro p:first-child{font-size:18px;color:var(--zd-ink)}
.zd-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.zd-rainbox{background:var(--zd-bg);border-radius:10px;padding:12px 14px}
.zd-rainbox h3{margin:0 0 6px}
.zd-rainbox p{margin:0}
.zd-tabs a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:var(--zd-bg);color:var(--zd-ink);font-weight:600;font-size:14.5px;text-decoration:none}
.zd-tabs a:hover{background:var(--zd-accent);color:#fff}
.zd-sec{border-top:1px solid var(--zd-line);padding-top:16px;scroll-margin-top:64px}
.zd-now{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.zd-now-ico{font-size:44px;line-height:1}
.zd-now-t{font-size:44px;font-weight:700;line-height:1;color:var(--zd-ink)}
.zd-now-t small{font-size:20px}
.zd small,.zd-item small{color:var(--zd-muted,#5E7275);font-size:13px}
.zd-hours{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.zd-hour{flex:0 0 58px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:10px;background:var(--zd-bg);font-size:13.5px}
.zd-ico{font-size:22px;line-height:1.2}
.zd-days,.zd-list,.zd-cards,.zd-mz{list-style:none;margin:0;padding:0}
.zd-days li{display:grid;grid-template-columns:minmax(120px,1fr) 34px 90px 60px;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--zd-line)}
.zd-rain{color:#1D6FA5;font-size:14px;text-align:right}
.zd-list li{padding:4px 0}
.zd-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin:14px 0 0}
.zd-facts div{background:var(--zd-bg);border-radius:10px;padding:10px 12px}
.zd-facts dt{font-size:12.5px;color:var(--zd-muted)}
.zd-facts dd{margin:2px 0 0;font-weight:700}
.zd-chart{width:100%;height:auto;display:block;background:var(--zd-bg);border-radius:10px}
.zd-chart text{font-size:11px;fill:var(--zd-muted)}
.zd-grid{stroke:#cfdad6;stroke-width:1}
.zd-line{fill:none;stroke:#1D6FA5;stroke-width:2;stroke-linejoin:round}
.zd-cards li{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-left:4px solid var(--zd-accent);background:var(--zd-bg);border-radius:0 10px 10px 0;margin-bottom:8px}
.zd-ok{font-weight:600}
.zd-mz{columns:2 240px;column-gap:24px}
.zd-mz li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--zd-line);break-inside:avoid;font-size:15px}
.zd-mz li span:last-child{color:var(--zd-muted)}
.zd-note{font-size:13.5px;color:var(--zd-muted);margin-top:12px}
.zd-src{font-size:12.5px;color:var(--zd-muted);margin-top:8px}
.zd-src a{color:inherit}
.zd-warn{font-size:13.5px;color:#9A3412;background:#FFF4EC;border-radius:8px;padding:6px 10px;margin-top:6px}
.zd-odvoz select{width:100%;min-height:42px;font:inherit;font-size:15px;padding:0 10px;border:1px solid var(--zv-line-2,#DCE5E1);border-radius:8px;background:#fff}
.zd-odvoz-out{margin:10px 0 0;display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:10px;background:#FFF4EC;border-left:4px solid var(--zv-accent,#F2600C);line-height:1.25}
.zd-odvoz-out:empty{display:none}
.zd-odvoz-out.is-today{background:var(--zv-accent,#F2600C);color:#fff}
.zd-od-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#9A3412}
.zd-od-when{font-family:var(--zv-head,inherit);font-size:30px;font-weight:700;color:var(--zv-accent,#F2600C)}
.zd-od-date{font-size:15px;font-weight:600}
.zd-od-then{font-size:13.5px;color:var(--zv-muted,#5E7275);margin-top:4px}
.is-today .zd-od-label,.is-today .zd-od-when,.is-today .zd-od-then{color:#fff}
.zd-item .zd-od-when{font-size:24px}
.zd-mz li.is-sel{background:#FFF4EC;font-weight:700;padding-left:8px;padding-right:8px;border-radius:6px}
.zd-mz li.is-sel span:last-child{color:var(--zv-accent,#F2600C)}
/* Ikone */
.zd-i,.zd-wi{display:inline-block;vertical-align:-.15em;flex-shrink:0}
.zd-tabs .zd-i{font-size:18px}
.zd-tabs a:hover .zd-i{color:#fff}
.zd-water{color:#1D6FA5}
.zd-ok .zd-i{color:#15803D;font-size:20px}
.zd-warn .zd-i,.zd-list .zd-i,.zd-cards .zd-i{font-size:16px}
.zd-list .zd-i{color:#1D6FA5}
.zd-cards .zd-i{color:var(--zv-accent,#F2600C)}
/* Kartica u bočnoj koloni (stilovi .zv-danas-item su iz teme) */
a.zd-item{display:block;color:inherit;text-decoration:none}
a.zd-item:hover{background:#E2EBE8}
.zd-row{display:flex;align-items:center;gap:12px;margin-top:2px;line-height:1.3}
.zd-big{font-size:22px;font-weight:700;white-space:nowrap}
.zd-item .zd-odvoz select{min-height:38px;margin-top:4px}
/* Header */
.zd-hw{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-size:15px;color:inherit;white-space:nowrap;padding:0 6px}
.zd-hw:empty{display:none}
@media (max-width:640px){
	.zd-cols{grid-template-columns:1fr}
	.zd-tabs{flex-wrap:nowrap;gap:6px}
	.zd-tabs a{flex:1 1 0;justify-content:center;min-width:0;padding:0 6px;font-size:13.5px;white-space:nowrap}
	.zd-tabs a .zd-i{margin-right:4px;font-size:16px}
	.zd-long{display:none}
	.zd-hw-city{display:none}
	.zd-days li{grid-template-columns:1fr 30px 80px 54px}
	.zd-now-ico,.zd-now-t{font-size:38px}
}
/* Upozorenja */
.zd-alerts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.zd-alert{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:10px;font-size:15px;font-weight:600;line-height:1.4;background:#FFF4EC;color:#7C2D12;border-left:4px solid var(--zv-accent,#F2600C)}
.zd-alert .zd-i{font-size:18px;margin-top:1px;color:var(--zv-accent,#F2600C)}
.zd-alert-danger{background:#FDECEC;color:#7F1D1D;border-left-color:#C62828}
.zd-alert-danger .zd-i{color:#C62828}
.zd-box-alerts .zd-alert,.zv-danas .zd-alert{font-size:14px;padding:8px 10px;margin-bottom:6px}