/* Forecast hubs v2 (/vremenska-prognoza-lokacije/, /dugorocna-prognoza-lokacije/, Bačka/Banat/Srem): the visual system of the forecast pages, mobile-first. Temperature colors come inline. */
.vm-hb { --hb-accent:#2563eb; --hb-accent2:#0284c7; --hb-ink:var(--vm-text-primary,#0f172a); --hb-muted:var(--vm-text-secondary,#475569); --hb-faint:var(--vm-text-muted,#64748b); --hb-surface:var(--vm-bg-primary,#fff); --hb-soft:var(--vm-bg-secondary,#f1f5f9); --hb-border:var(--vm-border-color,#cbd5e1); --hb-line:rgba(148,163,184,.30); --hb-chip:rgba(96,165,250,.12); --hb-rain:#1d4ed8; --hb-warn:#b45309; --hb-shadow-sm:0 1px 3px rgba(15,23,42,.05); --hb-shadow-md:0 6px 18px rgba(15,23,42,.06); --hb-radius:16px; --hb-gap:34px; color:var(--hb-ink); min-width:0; }
[data-theme="dark"] .vm-hb { --hb-ink:#f8fafc; --hb-muted:#cbd5e1; --hb-faint:#94a3b8; --hb-accent:#7db4ff; --hb-accent2:#7dd3fc; --hb-surface:#152238; --hb-soft:#101c2e; --hb-border:#334155; --hb-line:rgba(148,163,184,.18); --hb-chip:rgba(125,211,252,.12); --hb-rain:#93c5fd; --hb-warn:#fbbf24; --hb-shadow-sm:0 1px 3px rgba(0,0,0,.25); --hb-shadow-md:0 6px 18px rgba(0,0,0,.28); }
@media(min-width:1024px) { .vm-hb { --hb-gap:48px; } }
.ct-container.vm-hb-wrap { display:block; width:min(1240px,calc(100% - 32px)); max-width:1240px; margin-inline:auto; padding:18px 0 48px; }
.vm-hb *, .vm-hb *::before, .vm-hb *::after { box-sizing:border-box; }
.vm-hb [hidden] { display:none!important; }
.vm-hb h1, .vm-hb h2, .vm-hb h3 { margin:0; padding:0; border:0; color:var(--hb-ink); line-height:1.25; letter-spacing:-.02em; }
.vm-hb p { margin:0; line-height:1.6; text-align:left!important; }
.vm-hb a { color:var(--hb-accent); }
.vm-hb img { min-height:0!important; max-width:none; border-radius:0; }
.vm-hb :is(a,button,summary,[tabindex]):focus-visible { outline:3px solid #3b82f6; outline-offset:2px; border-radius:6px; }
.vm-hb .screen-reader-text { position:absolute!important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
/* Breadcrumb */
.vm-hb-crumbs { margin-bottom:14px; font-size:.75rem; color:var(--hb-faint); }
.vm-hb-crumbs ol { display:flex; flex-wrap:nowrap; gap:6px; margin:0; padding:0; list-style:none; white-space:nowrap; overflow-x:auto; scrollbar-width:none; }
.vm-hb-crumbs ol::-webkit-scrollbar { display:none; }
.vm-hb-crumbs li { margin:0; }
.vm-hb-crumbs li + li::before { content:"›"; margin-right:6px; color:var(--hb-faint); }
.vm-hb-crumbs a { color:var(--hb-muted); text-decoration:none; }
.vm-hb-crumbs a:hover { text-decoration:underline; }
/* Header: H1 + meta left, search right on desktop; "Ukratko" under both */
.vm-hb-head { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
.vm-hb-eyebrow { display:block; margin-bottom:6px; color:var(--hb-accent); font-size:.68rem; font-weight:750; letter-spacing:.1em; text-transform:uppercase; }
.vm-hb .vm-hb-title { font-size:clamp(1.55rem,4.6vw,2.4rem); font-weight:800; line-height:1.15; }
.vm-hb-meta { display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; margin-top:8px!important; font-size:.78rem; color:var(--hb-muted); }
.vm-hb-meta a { font-weight:650; text-decoration:none; }
.vm-hb-meta a:hover { text-decoration:underline; }
.vm-hb-dot { color:var(--hb-faint); }
.vm-hb-fresh::before { content:""; display:inline-block; width:7px; height:7px; margin-right:6px; border-radius:50%; background:#16a34a; box-shadow:0 0 0 3px rgba(22,163,74,.16); vertical-align:1px; }
.vm-hb-fresh--warning::before { background:#d97706; box-shadow:0 0 0 3px rgba(217,119,6,.16); }
.vm-hb-find { display:flex; align-items:center; gap:10px; min-width:0; }
.vm-hb .vm-hb-find .vm-location-search { flex:1 1 auto; min-width:0; max-width:none!important; margin:0!important; }
.vm-hb .vm-hb-find .vm-location-search__field { height:46px; gap:10px; padding:0 12px 0 14px; }
.vm-hb .vm-hb-find .vm-location-search__icon { width:20px; height:20px; flex-basis:20px; }
.vm-hb .vm-hb-find .vm-location-search__input { font-size:16px!important; background:transparent!important; border:0!important; box-shadow:none!important; }
.vm-hb .vm-hb-find .vm-location-search__hint { display:none; }
.vm-hb .vm-location-search__empty-link { display:inline-block; margin-top:4px; font-weight:700; color:var(--hb-accent); }
.vm-hb-gps { display:none; flex:0 0 auto; align-items:center; gap:7px; height:50px; padding:0 16px; border:1px solid var(--hb-border); border-radius:999px; background:var(--hb-surface); color:var(--hb-accent); font:inherit; font-size:.85rem; font-weight:700; line-height:1; cursor:pointer; box-shadow:var(--hb-shadow-sm); }
html.vm-js .vm-hb-gps { display:inline-flex; }
.vm-hb-gps:hover { border-color:var(--hb-accent); background:var(--hb-chip); }
.vm-hb-gps svg { flex:0 0 18px; }
@media(max-width:419px) { .vm-hb-gps { width:50px; padding:0; justify-content:center; } .vm-hb-gps span { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; } }
.vm-hb-lead { font-size:.92rem; color:var(--hb-muted); max-width:78ch; }
.vm-hb-lead strong { color:var(--hb-ink); }
@media(min-width:900px) {
 .vm-hb-head { grid-template-columns:minmax(0,1fr) minmax(320px,420px); align-items:end; column-gap:28px; }
 .vm-hb-lead { grid-column:1 / -1; }
}
/* Sections: centred head (pill, H2, lead) as on the forecast pages */
.vm-hb-card, .vm-hb-dir, .vm-hb-related, .vm-hb .vm-hub-tro { margin-top:var(--hb-gap); padding-top:var(--hb-gap); border-top:1px solid var(--hb-line); min-width:0; }
.vm-hb-shead { display:flex; flex-direction:column; align-items:center; max-width:760px; margin:0 auto 18px; text-align:center; }
.vm-hb-pill, .vm-hb .vm-hub-eyebrow { display:inline-block; margin-bottom:10px; padding:4px 11px; border-radius:999px; background:var(--hb-chip); color:var(--hb-accent); font-size:.68rem; font-weight:750; letter-spacing:.08em; line-height:1.4; text-transform:uppercase; }
.vm-hb .vm-hb-shead h2, .vm-hb .vm-hub-tro h2 { font-size:1.3rem; font-weight:780; }
.vm-hb .vm-hb-shead p { margin-top:8px; font-size:.86rem; color:var(--hb-muted); max-width:68ch; text-align:center!important; }
@media(min-width:1024px) { .vm-hb .vm-hb-shead h2, .vm-hb .vm-hub-tro h2 { font-size:1.5rem; } }
.vm-hb-note { max-width:760px; margin:0 auto 14px; padding:12px 14px; border:1px solid rgba(217,119,6,.35); border-left-width:4px; border-radius:12px; background:rgba(217,119,6,.07); color:var(--hb-ink); font-size:.86rem; }
/* Tables: 10 days and weeks. Sticky city column, horizontal scroll on phones */
.vm-hb-scroll { position:relative; overflow-x:auto; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; border:1px solid var(--hb-border); border-radius:var(--hb-radius); background:var(--hb-surface); box-shadow:var(--hb-shadow-sm); }
.vm-hb-scroll[data-more] { -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),rgba(0,0,0,.25)); mask-image:linear-gradient(90deg,#000 calc(100% - 36px),rgba(0,0,0,.25)); }
.vm-hb-table { width:100%; margin:0; border:0; border-collapse:separate; border-spacing:0; font-size:.82rem; font-variant-numeric:tabular-nums; table-layout:auto; }
.vm-hb-table th, .vm-hb-table td { padding:8px 6px; border:0; border-bottom:1px solid var(--hb-line); background:none; color:var(--hb-ink); text-align:center; vertical-align:middle; }
.vm-hb-table tbody tr:last-child > * { border-bottom:0; }
.vm-hb-table thead th { padding-top:10px; font-size:.74rem; font-weight:750; color:var(--hb-muted); white-space:nowrap; }
.vm-hb-table thead th span { display:block; }
.vm-hb-table thead th small { display:block; margin-top:1px; font-size:.68rem; font-weight:600; color:var(--hb-faint); }
.vm-hb-table thead th[aria-current] { color:var(--hb-accent); }
.vm-hb-table th[scope="row"], .vm-hb-table__corner { position:sticky; left:0; z-index:1; min-width:104px; max-width:140px; padding-left:12px!important; background:var(--hb-surface)!important; text-align:left!important; box-shadow:1px 0 0 var(--hb-line); }
.vm-hb-table th[scope="row"] a { display:block; color:var(--hb-ink); font-size:.86rem; font-weight:750; line-height:1.25; text-decoration:none; white-space:normal; }
.vm-hb-table th[scope="row"] a:hover { color:var(--hb-accent); text-decoration:underline; }
.vm-hb-table td.vm-hb-today { background:var(--hb-chip); }
/* Day cell: <img> icon, <b> high, <i> low, <small> rain %, <em> warning */
.vm-hb-table--days td { position:relative; min-width:58px; white-space:nowrap; }
.vm-hb-table img { display:block; width:28px; height:28px; margin:0 auto 2px; }
.vm-hb-noicon { display:block; color:var(--hb-faint); line-height:28px; }
.vm-hb-table :is(b,i) { color:var(--l,var(--hb-ink)); font-style:normal; font-weight:800; }
[data-theme="dark"] .vm-hb-table :is(b,i) { color:var(--d,var(--hb-ink)); }
.vm-hb-table--days i { font-size:.76rem; font-weight:650; }
.vm-hb-table--days i::before { content:"/"; content:"/" / ""; margin:0 2px; color:var(--hb-faint); font-weight:400; }
.vm-hb-table--days small { display:block; color:var(--hb-rain); font-size:.7rem; font-weight:750; }
.vm-hb-table--days em { position:absolute; top:5px; right:3px; display:grid; place-items:center; width:15px; height:15px; border-radius:50%; background:#dc2626; color:#fff; font-size:.62rem; font-style:normal; font-weight:800; line-height:1; }
.vm-hb-na { color:var(--hb-faint)!important; font-size:.76rem; }
.vm-hb-weeks .vm-hb-scroll { max-width:820px; margin-inline:auto; }
.vm-hb-wk { display:flex; flex-direction:column; align-items:center; gap:3px; min-width:116px; }
.vm-hb-wk__hi { display:flex; align-items:baseline; gap:1px; font-size:.92rem; }
.vm-hb-wk img { margin-bottom:0; }
.vm-hb-wk__lo { font-size:.72rem; color:var(--hb-muted); white-space:nowrap; }
.vm-hb-wk__rain { font-size:.72rem; color:var(--hb-rain); font-weight:650; white-space:nowrap; }
.vm-hb-range { position:relative; display:block; width:100%; max-width:118px; height:6px; border-radius:999px; background:var(--hb-soft); }
.vm-hb-range i { position:absolute; inset:0; border-radius:999px; background-image:var(--lt-tgrad); background-size:var(--lt-bgw,100%) 100%; background-position:var(--lt-bgx,0%) 0; background-repeat:no-repeat; clip-path:inset(0 calc(100% - var(--hi,0%)) 0 var(--lo,0%) round 999px); }
[data-theme="dark"] .vm-hb-range i { background-image:var(--lt-tgrad-dark); }
@media(min-width:1024px) { .vm-hb-table { font-size:.86rem; } .vm-hb-table th, .vm-hb-table td { padding:9px 8px; } }
/* Days 16–30 */
.vm-hb-outlook__weeks { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:10px; max-width:980px; margin:0 auto; padding:0; list-style:none; }
.vm-hb-outlook__week { display:flex; flex-direction:column; gap:3px; margin:0; padding:12px 14px; border:1px solid var(--hb-border); border-left:4px solid #64748b; border-radius:14px; background:var(--hb-surface); font-size:.86rem; color:var(--hb-muted); }
.vm-hb-outlook__week time { font-weight:750; color:var(--hb-ink); }
.vm-hb-outlook__week--warm { border-left-color:#ea580c; }
.vm-hb-outlook__week--cold { border-left-color:#2563eb; }
.vm-hb-more-link { display:block; width:max-content; max-width:100%; margin:14px auto 0; font-size:.86rem; font-weight:700; text-decoration:none; }
.vm-hb-more-link:hover { text-decoration:underline; }
/* Regions: map + cards */
.vm-hb-regions__grid { display:grid; gap:18px; align-items:center; }
.vm-hb-map { width:100%; max-width:360px; margin:0 auto; }
.vm-hb-map__svg { display:block; width:100%; height:auto; overflow:visible; }
.vm-hb-map__region path { fill:var(--hb-rf,rgba(37,99,235,.16)); stroke:var(--hb-surface); stroke-width:2; stroke-linejoin:round; transition:fill .15s ease; }
.vm-hb-map__region--backa { --hb-rf:rgba(37,99,235,.18); --hb-rh:rgba(37,99,235,.34); }
.vm-hb-map__region--banat { --hb-rf:rgba(2,132,199,.18); --hb-rh:rgba(2,132,199,.34); }
.vm-hb-map__region--srem { --hb-rf:rgba(22,163,74,.17); --hb-rh:rgba(22,163,74,.32); }
.vm-hb-map__region--beograd { --hb-rf:rgba(124,58,237,.16); --hb-rh:rgba(124,58,237,.30); }
.vm-hb-map__region:hover path, .vm-hb-map__region:focus-visible path { fill:var(--hb-rh); }
.vm-hb-map__region:focus-visible path { stroke:#2563eb; stroke-width:3; }
.vm-hb-map__region.is-current path { fill:var(--hb-rh); stroke:var(--hb-accent); stroke-width:2.5; }
.vm-hb-map__labels { pointer-events:none; }
.vm-hb-map__labels text { fill:var(--hb-ink); font-size:22px; font-weight:800; text-anchor:middle; paint-order:stroke; stroke:var(--hb-surface); stroke-width:3px; stroke-linejoin:round; }
.vm-hb-map__labels tspan { fill:var(--hb-muted); font-size:15px; font-weight:650; }
.vm-hb-regions__list { display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.vm-hb-regions__list li { margin:0; }
.vm-hb-region { display:flex; flex-direction:column; gap:3px; height:100%; padding:14px 16px; border:1px solid var(--hb-border); border-left:4px solid var(--hb-rb,#2563eb); border-radius:14px; background:var(--hb-surface); color:var(--hb-ink)!important; text-decoration:none!important; box-shadow:var(--hb-shadow-sm); transition:border-color .15s ease, transform .15s ease; }
.vm-hb-region--banat { --hb-rb:#0284c7; }
.vm-hb-region--srem { --hb-rb:#16a34a; }
.vm-hb-region:hover { border-color:var(--hb-accent); transform:translateY(-1px); }
.vm-hb-region.is-current { background:var(--hb-chip); }
.vm-hb-region strong { font-size:1rem; font-weight:800; }
.vm-hb-region span { font-size:.82rem; color:var(--hb-muted); line-height:1.45; }
.vm-hb-region small { margin-top:2px; font-size:.75rem; font-weight:750; color:var(--hb-accent); }
@media(min-width:640px) and (max-width:899px) { .vm-hb-regions__list { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(min-width:900px) { .vm-hb-regions__grid { grid-template-columns:minmax(260px,360px) minmax(0,1fr); gap:28px; } }
/* Directory A–Ž */
.vm-hb-chips { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; max-width:900px; margin:0 auto 6px; }
.vm-hb-chips a { display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:0 13px; border:1px solid var(--hb-border); border-radius:999px; background:var(--hb-surface); color:var(--hb-ink); font-size:.8rem; font-weight:650; text-decoration:none; }
.vm-hb-chips a:hover { border-color:var(--hb-accent); color:var(--hb-accent); }
.vm-hb-chips a span { color:var(--hb-faint); font-weight:600; }
.vm-hb-group { margin-top:24px; scroll-margin-top:80px; }
.vm-hb-group__head { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 12px; padding-bottom:8px; border-bottom:1px solid var(--hb-line); }
.vm-hb .vm-hb-group__head h3 { font-size:1.08rem; font-weight:780; }
.vm-hb-group__head > span { font-size:.78rem; color:var(--hb-faint); }
.vm-hb-group__head a { margin-left:auto; font-size:.8rem; font-weight:700; text-decoration:none; }
.vm-hb-group__head a:hover { text-decoration:underline; }
.vm-hb-list { margin:10px 0 0; padding:0; list-style:none; columns:2; column-gap:20px; }
.vm-hb-list li { margin:0; padding:3px 0; break-inside:avoid; }
.vm-hb-list > li > a:first-child { color:var(--hb-ink)!important; font-size:.9rem; line-height:1.45; text-decoration:none; overflow-wrap:anywhere; }
.vm-hb-list > li > a:first-child:hover { color:var(--hb-accent)!important; text-decoration:underline; }
.vm-hb-list--pairs { columns:1; }
.vm-hb-list--pairs li { display:flex; align-items:baseline; justify-content:space-between; gap:10px; padding:4px 0; border-bottom:1px dashed var(--hb-line); }
.vm-hb-alt { flex:0 0 auto; padding:1px 8px; border:1px solid var(--hb-border); border-radius:999px; font-size:.7rem; font-weight:700; text-decoration:none; white-space:nowrap; }
.vm-hb-alt:hover { border-color:var(--hb-accent); background:var(--hb-chip); }
.vm-hb-more { display:none; align-items:center; justify-content:center; min-height:40px; margin-top:10px; padding:0 16px; border:1px solid var(--hb-border); border-radius:999px; background:var(--hb-surface); color:var(--hb-accent); font-size:.82rem; font-weight:750; text-decoration:none; }
@media(min-width:480px) { .vm-hb-list--pairs { columns:2; column-gap:24px; } }
@media(min-width:640px) { .vm-hb-list { columns:3; } }
@media(min-width:900px) { .vm-hb-list { columns:4; } .vm-hb-list--pairs { columns:3; } }
@media(min-width:1200px) { .vm-hb-list { columns:5; } .vm-hb-list--pairs { columns:4; } }
/* Phones: long regions fold to 16 names (only with JavaScript; :target or [data-open] shows all). */
@media(max-width:760px) {
 html.vm-js .vm-hb-group[data-long]:not([data-open]):not(:target) .vm-hb-list li:nth-child(n+17) { display:none; }
 html.vm-js .vm-hb-group[data-long] .vm-hb-more { display:inline-flex; }
}
/* FAQ */
.vm-hb-faq > .vm-hb-qa { max-width:860px; margin:0 auto; border-bottom:1px solid var(--hb-line); }
.vm-hb-qa summary { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px 2px; cursor:pointer; font-weight:720; list-style:none; }
.vm-hb-qa summary::-webkit-details-marker { display:none; }
.vm-hb-qa summary::after { content:""; flex:0 0 9px; width:9px; height:9px; margin-right:4px; border-right:2px solid var(--hb-muted); border-bottom:2px solid var(--hb-muted); transform:rotate(45deg); transition:transform .15s ease; }
.vm-hb-qa[open] summary::after { transform:rotate(-135deg); }
.vm-hb-qa p { padding:0 2px 16px; color:var(--hb-muted); font-size:.9rem; }
/* Related */
.vm-hb .vm-hb-related h2 { margin-bottom:14px; font-size:1.1rem; font-weight:780; text-align:center; }
.vm-hb-related ul { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:0; padding:0; list-style:none; }
.vm-hb-related li { margin:0; }
.vm-hb-related a { display:inline-flex; align-items:center; gap:6px; min-height:38px; padding:0 14px; border:1px solid var(--hb-border); border-radius:999px; background:var(--hb-surface); color:var(--hb-ink); font-size:.82rem; font-weight:650; text-decoration:none; }
.vm-hb-related a:hover { border-color:var(--hb-accent); color:var(--hb-accent); }
/* Trodnevna block on the region hubs (markup of inc/trodnevna/vm-trodnevna-hub.php) */
.vm-hb .vm-hub-tro .vm-hub-section-head { display:flex; flex-direction:column; align-items:center; margin:0 auto 10px; text-align:center; }
.vm-hb .vm-hub-tro__lead { max-width:760px; margin:0 auto 16px; color:var(--hb-muted); font-size:.9rem; text-align:center!important; }
.vm-hb .vm-hub-tro__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); gap:12px; }
.vm-hb .vm-hub-tro__region { display:flex; flex-direction:column; gap:8px; min-width:0; padding:14px; border:1px solid var(--hb-border); border-radius:var(--hb-radius); background:var(--hb-soft); }
.vm-hb .vm-hub-tro__region h3 { font-size:1.02rem; font-weight:800; }
.vm-hb .vm-hub-tro__towns { margin-top:-4px; overflow:hidden; color:var(--hb-muted); font-size:.78rem; text-overflow:ellipsis; white-space:nowrap; }
.vm-hb .vm-hub-tro__days { display:grid; gap:6px; margin:0; padding:0; list-style:none; }
.vm-hb .vm-hub-tro__days li { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:10px; min-height:46px; margin:0; padding:6px 10px; border-radius:12px; background:var(--hb-surface); }
.vm-hb .vm-hub-tro__day { display:grid; font-size:.88rem; font-weight:800; line-height:1.2; }
.vm-hb .vm-hub-tro__day small { color:var(--hb-muted); font-size:.7rem; font-weight:600; }
.vm-hb .vm-hub-tro__icons { display:flex; }
.vm-hb .vm-hub-tro__icons img { display:block; width:32px; height:32px; }
.vm-hb .vm-hub-tro__temps { display:flex; align-items:baseline; gap:3px; white-space:nowrap; }
.vm-hb .vm-hub-tro__slash { color:var(--hb-faint); }
.vm-hb .vm-tro3-temp { color:var(--t3-tl,var(--hb-ink)); font-weight:800; font-variant-numeric:tabular-nums; }
[data-theme="dark"] .vm-hb .vm-tro3-temp { color:var(--t3-td,var(--hb-ink)); }
.vm-hb .vm-hub-tro__pending { grid-column:2 / -1; color:var(--hb-muted); font-size:.8rem; }
.vm-hb .vm-hub-tro__link { margin-top:auto; font-size:.84rem; font-weight:750; text-decoration:none; }
.vm-hb .vm-hub-tro__meta { margin-top:12px; color:var(--hb-muted); font-size:.8rem; text-align:center!important; }
.vm-hb .vm-hub-tro__meta a { font-weight:700; }
.vm-hb .vm-hub-tro__sr { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
/* The first section follows the header closely; phones keep the first table row near the first screen. */
.vm-hb-head + .vm-hb-card { margin-top:26px; padding-top:26px; }
@media(max-width:599px) {
 .vm-hb-eyebrow { display:none; }
 .vm-hb-lead { font-size:.88rem; line-height:1.5; }
 .vm-hb-head + .vm-hb-card { margin-top:20px; padding-top:20px; }
 .vm-hb-shead { margin-bottom:14px; }
 .vm-hb-pill, .vm-hb .vm-hub-eyebrow { margin-bottom:6px; }
 .vm-hb .vm-hb-shead h2, .vm-hb .vm-hub-tro h2 { font-size:1.16rem; }
 .vm-hb-matrix .vm-hb-shead p, .vm-hb-weeks .vm-hb-shead p { display:none; }
 .vm-hb-table th, .vm-hb-table td { padding:7px 4px; }
 .vm-hb-table th[scope="row"], .vm-hb-table__corner { min-width:92px; padding-left:10px!important; }
 .vm-hb-wk { min-width:98px; }
 .vm-hb-wk__rain { white-space:normal; text-align:center; line-height:1.25; }
}
/* Directory-only embed ([vm_lokacije] / [vm_trend_overview] on other pages) */
.vm-hb--embed .vm-hb-dir { margin-top:0; padding-top:0; border-top:0; }
@media(prefers-reduced-motion:reduce) { .vm-hb *, .vm-hb *::before, .vm-hb *::after { transition:none!important; } }