/* DVOJKA 4.3.59 — aligned TV headers and aspect-safe gallery media. */

/* Strong, matching four-season palette on InfoPanel, canteen and weather. */
html.page-infopanel body.theme-winter,html.page-canteen body.theme-winter,html.page-weather.theme-winter body{background:radial-gradient(circle at 84% 9%,rgba(255,255,255,.35),transparent 25%),radial-gradient(circle at 10% 88%,rgba(179,226,251,.2),transparent 28%),linear-gradient(135deg,#0c3048,#376f91 58%,#8bc6e4)!important}
html.page-infopanel body.theme-spring,html.page-canteen body.theme-spring,html.page-weather.theme-spring body{background:radial-gradient(circle at 84% 10%,rgba(252,181,218,.2),transparent 25%),radial-gradient(circle at 9% 88%,rgba(166,226,104,.2),transparent 28%),linear-gradient(135deg,#0e3b3b,#2f6f45 58%,#79a94f)!important}
html.page-infopanel body.theme-summer,html.page-canteen body.theme-summer,html.page-weather.theme-summer body{background:radial-gradient(circle at 84% 9%,rgba(255,233,98,.35),transparent 27%),radial-gradient(circle at 9% 88%,rgba(40,192,211,.2),transparent 30%),linear-gradient(135deg,#0b4055,#137b8b 56%,#d89d31)!important}
html.page-infopanel body.theme-autumn,html.page-canteen body.theme-autumn,html.page-weather.theme-autumn body{background:radial-gradient(circle at 87% 9%,rgba(242,147,43,.3),transparent 28%),radial-gradient(circle at 7% 90%,rgba(142,57,26,.2),transparent 30%),linear-gradient(135deg,#102e35,#594229 56%,#8f4428)!important}
html.page-infopanel body.theme-christmas,html.page-canteen body.theme-christmas,html.page-weather.theme-christmas body{background:radial-gradient(circle at 84% 9%,rgba(255,228,137,.2),transparent 25%),linear-gradient(135deg,#0d3637,#1c553c 56%,#713533)!important}

/* InfoPanel: logo and enlarged heading own separate space. */
html.page-infopanel body .wrap>.top{display:grid!important;grid-template-columns:minmax(0,1.34fr) minmax(0,.82fr) minmax(180px,.34fr)!important;align-items:flex-start!important;column-gap:1.35vw!important}
html.page-infopanel body .wrap>.top .brand{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;width:100%!important;height:10.8vh!important;min-width:0!important;margin:0!important;padding:0!important;gap:1.2vw!important;white-space:nowrap!important;overflow:visible!important}
html.page-infopanel body .wrap>.top .brand>img{position:static!important;display:block!important;flex:0 0 auto!important;width:auto!important;height:10.4vh!important;max-width:11vw!important;margin:0!important;object-fit:contain!important}
html.page-infopanel body .wrap>.top #panelTitle{position:static!important;display:block!important;min-width:0!important;width:auto!important;max-width:none!important;height:auto!important;margin:0 0 .38vh!important;padding:0!important;font:900 2.62vw/.98 Arial,Helvetica,sans-serif!important;letter-spacing:.04em!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-transform:uppercase!important;text-shadow:0 3px 18px rgba(0,20,30,.28)!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
html.page-infopanel body .wrap>.top #panelTitle:after{content:""!important;display:block!important;width:4.2vw!important;height:.34vh!important;margin-top:.72vh!important;border-radius:1vh!important;background:#55d2cc!important}
html.page-infopanel body .wrap>.top .meta,html.page-infopanel body .wrap>.top .clock{position:static!important;width:auto!important;margin:0!important;transform:none!important}

/* Canteen and weather use the same perceived title size and baseline. */
html.page-canteen body .top,html.page-weather body .top{align-items:flex-start!important}
html.page-canteen body .brand,html.page-weather body .brand{display:flex!important;align-items:flex-end!important;gap:1.2vw!important;height:10.8vh!important;min-width:0!important}
html.page-canteen body .brand>img,html.page-weather body .brand>img{display:block!important;flex:0 0 auto!important;width:auto!important;height:10.6vh!important;max-width:11.5vw!important;margin:0!important;object-fit:contain!important}
html.page-canteen body .brand>b{position:static!important;display:block!important;margin:0 0 .38vh!important;padding:0!important;font:900 2.95vw/.98 Arial,Helvetica,sans-serif!important;letter-spacing:.045em!important;color:#fff!important;-webkit-text-fill-color:#fff!important;white-space:nowrap!important;text-transform:uppercase!important;text-shadow:0 3px 18px rgba(0,20,30,.28)!important}
html.page-canteen body .brand>b:after{content:""!important;display:block!important;width:4.2vw!important;height:.34vh!important;margin-top:.72vh!important;border-radius:1vh!important;background:#55d2cc!important}
html.page-canteen body .heading,html.page-weather body .datetime{align-self:flex-end!important;margin:0 0 .42vh!important;text-align:right!important;transform:none!important}

/* Article and gallery media: crop, never squeeze; retain JS pixel fallback for old webOS. */
html.page-infopanel body .visual{position:absolute!important;overflow:hidden!important}
html.page-infopanel body .visual img.tv57-cover{position:absolute!important;max-width:none!important;max-height:none!important;object-fit:cover!important;margin:0!important;transform:none!important}
html.page-infopanel body .gallery-frame{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;overflow:hidden!important}
html.page-infopanel body .gallery-frame.gallery-landscape .gallery-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important}
html.page-infopanel body .gallery-frame.gallery-portraits{display:flex!important;align-items:stretch!important;justify-content:center!important;gap:.55vw!important;padding:.7vh .55vw!important;background:rgba(2,20,28,.28)!important}
html.page-infopanel body .gallery-frame.gallery-portraits .gallery-photo{position:relative!important;display:block!important;flex:1 1 0!important;width:auto!important;height:100%!important;min-width:0!important;overflow:hidden!important}
html.page-infopanel body .gallery-frame.gallery-portraits .gallery-photo img{position:absolute!important;max-width:none!important;max-height:none!important;margin:0!important}
html.page-infopanel body .photo-gallery .visual img{object-fit:cover!important}

/* Meteodvojka logo replaces the text but keeps the previous lively composition. */
html.page-weather body .top{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(15vw,25vw) minmax(180px,.42fr)!important;align-items:flex-start!important;column-gap:1vw!important}
html.page-weather body .brand>b{position:static!important;display:block!important;width:auto!important;height:auto!important;margin:0 0 .38vh!important;padding:0!important;font:900 2.62vw/.98 Arial,Helvetica,sans-serif!important;letter-spacing:.04em!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-transform:uppercase!important;text-shadow:0 3px 18px rgba(0,20,30,.28)!important;white-space:nowrap!important;background:none!important;overflow:visible!important}
html.page-weather body .brand>b:after{content:""!important;display:block!important;width:4.2vw!important;height:.34vh!important;margin-top:.72vh!important;border-radius:1vh!important;background:#55d2cc!important}
html.page-weather body .tv-meteo-header-logo{align-self:center!important;justify-self:center!important;width:17.5vw!important;height:7.2vh!important;margin-top:1.05vh!important;line-height:0!important}
html.page-weather body .tv-meteo-header-logo img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 3px 12px rgba(0,20,35,.17))!important}
html.page-weather body .panel-head h1{font-size:2.68vw!important;line-height:1.04!important}

/* Old webOS: explicit inline geometry, avoiding flex-gap and any overlap. */
html.page-infopanel body.tv-legacy .wrap>.top{display:block!important}
html.page-infopanel body.tv-legacy .wrap>.top .brand{position:absolute!important;left:0!important;top:0!important;width:54%!important;display:block!important;overflow:visible!important}
html.page-infopanel body.tv-legacy .wrap>.top .brand>img{display:inline-block!important;height:10.2vh!important;max-width:10.8vw!important;vertical-align:middle!important}
html.page-infopanel body.tv-legacy .wrap>.top #panelTitle{display:inline-block!important;max-width:none!important;margin-left:1.15vw!important;margin-bottom:.38vh!important;font-size:2.58vw!important;vertical-align:bottom!important;overflow:visible!important}
html.page-infopanel body.tv-legacy .wrap>.top .meta{position:absolute!important;right:20%!important;top:2.5vh!important;width:38%!important;text-align:right!important}
html.page-infopanel body.tv-legacy .wrap>.top .clock{position:absolute!important;right:0!important;top:2.25vh!important;width:18%!important;text-align:right!important}
html.page-canteen.tv-legacy body .brand,html.page-weather.tv-legacy body .brand{display:block!important;white-space:nowrap!important}
html.page-canteen.tv-legacy body .brand>img,html.page-weather.tv-legacy body .brand>img{display:inline-block!important;vertical-align:bottom!important}
html.page-canteen.tv-legacy body .brand>b,html.page-weather.tv-legacy body .brand>b{display:inline-block!important;margin-left:1.2vw!important;vertical-align:bottom!important}
html.page-weather.tv-legacy body .top{display:block!important;position:relative!important}
html.page-weather.tv-legacy body .brand{position:absolute!important;left:0!important;top:0!important;width:43%!important}
html.page-weather.tv-legacy body .brand>b{width:auto!important;height:auto!important;font-size:2.58vw!important}
html.page-weather.tv-legacy body .tv-meteo-header-logo{position:absolute!important;left:49%!important;top:1.15vh!important;width:17vw!important;height:7vh!important;margin:0!important}
html.page-weather.tv-legacy body .datetime{position:absolute!important;right:0!important;bottom:.42vh!important;width:24%!important}