/* DVOJKA 4.3.59 — exact weather button, headings and section anchors. */
.meteo-logo,.meteo-menu-logo,.meteo-logo-hero{display:block!important;height:auto!important;object-fit:contain!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}

/* Hero weather card: one deliberate composition instead of three loose items. */
.hero .hero-actions{grid-template-columns:110px 154px 218px!important;max-width:502px!important}
.hero .hero-weather-chip{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 45px!important;align-items:center!important;gap:8px!important;min-height:62px!important;padding:6px 10px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(8,54,72,.72),rgba(18,91,109,.58))!important;box-shadow:0 12px 30px rgba(0,18,28,.2),inset 0 1px 0 rgba(255,255,255,.12)!important;backdrop-filter:blur(11px);overflow:hidden}
.hero .hero-weather-chip:after{content:"";position:absolute;right:-24px;top:-31px;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle,rgba(255,211,91,.2),rgba(255,211,91,0) 68%);pointer-events:none}
.hero .hero-weather-brand{position:relative;z-index:1;display:flex!important;align-items:center!important;align-self:stretch!important;min-width:0!important}
.hero .hero-weather-brand .meteo-logo-hero{display:block!important;width:100%!important;height:52px!important;max-height:52px!important;object-fit:contain!important;object-position:left center!important}
.hero .hero-weather-values{position:relative;z-index:1;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-width:43px!important}
.hero-weather-chip #heroWeatherTemp{font:850 14px/1 Manrope,Arial,sans-serif!important;color:#fff!important;white-space:nowrap!important;text-shadow:0 2px 8px rgba(0,0,0,.18)}
.hero .hero-weather-icon{display:grid!important;place-items:center;width:28px!important;height:25px!important;min-width:28px!important;line-height:0!important}
.hero .hero-weather-icon img,.hero .hero-weather-icon svg{display:block!important;width:28px!important;height:25px!important;object-fit:contain!important;filter:drop-shadow(0 4px 7px rgba(0,0,0,.18))}

/* Weather section title and animation share one compact row. */
#pocasie-na-dvojke .weather-dvojka-head{display:grid!important;grid-template-columns:minmax(0,1fr) clamp(180px,20vw,280px)!important;align-items:center!important;gap:36px!important;margin-bottom:24px!important}
#pocasie-na-dvojke .weather-dvojka-titleblock{min-width:0}
#pocasie-na-dvojke .weather-dvojka-eyebrow{display:block;margin:0 0 10px;color:var(--season-accent,#197f8e);font:850 12px/1.1 Manrope,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
#pocasie-na-dvojke .weather-dvojka-titleblock h2{margin:0 0 .24em!important}
#pocasie-na-dvojke .weather-dvojka-titleblock p{margin:0!important;max-width:760px!important}
#pocasie-na-dvojke .meteo-brand{justify-self:end;position:relative!important;display:block!important;width:clamp(180px,20vw,280px)!important;aspect-ratio:412/146!important;line-height:0!important}
#pocasie-na-dvojke .meteo-brand>.meteo-logo,#pocasie-na-dvojke #meteoLogoAnimation{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;border:0!important;border-radius:0!important;background:transparent!important;transition:opacity .28s ease!important}
#pocasie-na-dvojke #meteoLogoAnimation{opacity:0!important}
#pocasie-na-dvojke .meteo-brand.is-playing #meteoLogoAnimation{opacity:1!important}
#pocasie-na-dvojke .meteo-brand.is-playing>.meteo-logo{opacity:0!important}

@media(max-width:760px){
  .hero .hero-actions{grid-template-columns:.88fr 1.18fr 1.18fr!important;max-width:100%!important}
  .hero .hero-weather-chip{grid-template-columns:minmax(0,1fr) 42px!important;gap:4px!important;min-height:48px!important;padding:4px 6px!important;border-radius:14px!important}
  .hero .hero-weather-brand .meteo-logo-hero{height:40px!important;max-height:40px!important}
  .hero .hero-weather-values{min-width:42px!important}
  .hero-weather-chip #heroWeatherTemp{font-size:11px!important}
  .hero .hero-weather-icon,.hero .hero-weather-icon img,.hero .hero-weather-icon svg{width:24px!important;height:22px!important;min-width:24px!important}
  #pocasie-na-dvojke .weather-dvojka-head{grid-template-columns:minmax(0,1fr) 150px!important;gap:16px!important;align-items:center!important}
  #pocasie-na-dvojke .meteo-brand{width:150px!important}
}
@media(max-width:480px){
  #pocasie-na-dvojke .weather-dvojka-head{grid-template-columns:1fr!important;gap:13px!important}
  #pocasie-na-dvojke .meteo-brand{justify-self:start;width:170px!important;order:-1}
}
@media(prefers-reduced-motion:reduce){#pocasie-na-dvojke #meteoLogoAnimation{display:none!important}#pocasie-na-dvojke .meteo-brand>.meteo-logo{opacity:1!important}}

html{scroll-padding-top:0!important}
body:not([data-detail]) main>section[id]{scroll-margin-top:0!important}
#pocasie-na-dvojke,#infopanel-skola{scroll-margin-top:0!important}