/* FIX36: shared glass look and layout fallbacks for older LG webOS browsers. */

/* InfoPanel: keep the same translucent layers on legacy and current TVs. */
html.page-infopanel body.tv-legacy .stage{
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 0 60px rgba(0,0,0,.08);
}
html.page-infopanel body.tv-legacy .card{
  background:rgba(255,255,255,.085);
  box-shadow:0 24px 70px rgba(0,0,0,.12);
}

/* Weather: fixed-position fallback instead of grid, gap and inset. */
html.page-weather.tv-legacy .wrap{
  display:block;
  position:absolute;
  top:0;right:0;bottom:0;left:0;
  padding:0;
}
html.page-weather.tv-legacy .top{
  display:block;
  position:absolute;
  top:2.4vh;right:3.5vw;left:3.5vw;
  height:12.5vh;
}
html.page-weather.tv-legacy .brand{
  display:block;
  position:absolute;
  top:0;bottom:0;left:0;
  width:65%;
  white-space:nowrap;
}
html.page-weather.tv-legacy .brand img{
  display:inline-block;
  margin-top:1.3vh;
  vertical-align:middle;
}
html.page-weather.tv-legacy .brand b{
  display:inline-block;
  margin-left:1vw;
  vertical-align:middle;
}
html.page-weather.tv-legacy .datetime{
  position:absolute;
  top:1.2vh;right:0;
  width:34%;
}
html.page-weather.tv-legacy .main{
  display:block;
  position:absolute;
  top:16.15vh;right:3.5vw;bottom:6.55vh;left:3.5vw;
  min-height:0;
}
html.page-weather.tv-legacy .now,
html.page-weather.tv-legacy .panel{
  position:absolute;
  top:0;bottom:0;
  min-height:0;
  background:rgba(255,255,255,.085);
  box-shadow:0 25px 70px rgba(0,0,0,.14);
}
html.page-weather.tv-legacy .now{
  display:block;
  left:0;
  width:35.5%;
  padding:8vh 2.5vw 2vh;
}
html.page-weather.tv-legacy .panel{
  display:block;
  right:0;
  width:62.8%;
  padding:2.4vh 2.1vw;
}
html.page-weather.tv-legacy .hero{
  display:block;
  white-space:nowrap;
}
html.page-weather.tv-legacy .weather-icon,
html.page-weather.tv-legacy .temperature{
  display:inline-block!important;
  vertical-align:middle;
}
html.page-weather.tv-legacy .weather-icon{margin-right:1.4vw}
html.page-weather.tv-legacy .metrics{
  display:block;
  font-size:0;
}
html.page-weather.tv-legacy .metric{
  display:inline-block;
  width:48%;
  margin:0 2% .75vw 0;
  vertical-align:top;
  font-size:1vw;
}
html.page-weather.tv-legacy .panel-head{
  display:block;
  position:relative;
  height:8vh;
}
html.page-weather.tv-legacy .panel-head p{
  position:absolute;
  top:3.7vh;right:0;
}
html.page-weather.tv-legacy .chart{
  position:absolute;
  top:10.2vh;right:2.1vw;bottom:8.6vh;left:2.1vw;
  margin:0;
}
html.page-weather.tv-legacy .tip{
  position:absolute;
  right:2.1vw;bottom:2.4vh;left:2.1vw;
}
html.page-weather.tv-legacy .legend{display:block}
html.page-weather.tv-legacy .legend span{display:inline-block;margin-right:1.4vw}
html.page-weather.tv-legacy .bottom{
  display:block;
  position:absolute;
  right:3.5vw;bottom:1.7vh;left:3.5vw;
  height:4.8vh;
  line-height:4.8vh;
}
html.page-weather.tv-legacy .bottom>span:first-child{position:absolute;left:0}
html.page-weather.tv-legacy .bottom>span:nth-child(2){position:absolute;left:42%;width:24%;text-align:center}
html.page-weather.tv-legacy .bottom>span:last-child{position:absolute;right:0}

/* Canteen: table/absolute fallback instead of grid, flex gap and inset. */
html.page-canteen.tv-legacy .wrap{
  display:block;
  position:absolute;
  top:0;right:0;bottom:0;left:0;
  padding:0;
}
html.page-canteen.tv-legacy .top{
  display:block;
  position:absolute;
  top:2.4vh;right:4vw;left:4vw;
  height:13.6vh;
}
html.page-canteen.tv-legacy .brand{
  display:block;
  position:absolute;
  top:0;bottom:0;left:0;
  width:65%;
  white-space:nowrap;
}
html.page-canteen.tv-legacy .brand img{
  display:inline-block;
  margin-top:1vh;
  vertical-align:middle;
}
html.page-canteen.tv-legacy .brand b{
  display:inline-block;
  margin-left:1.1vw;
  color:#dff3f1;
  vertical-align:middle;
}
html.page-canteen.tv-legacy .heading{
  position:absolute;
  top:1.2vh;right:0;
  width:35%;
}
html.page-canteen.tv-legacy .stage{
  position:absolute;
  top:17.1vh;right:4vw;bottom:6.4vh;left:4vw;
  min-height:0;
  margin:0;
}
html.page-canteen.tv-legacy .slide{
  display:none;
  position:absolute;
  top:0;right:0;bottom:0;left:0;
  visibility:visible;
  opacity:1;
}
html.page-canteen.tv-legacy .slide.active{display:block}
html.page-canteen.tv-legacy .week{
  display:block;
  height:100%;
  min-height:0;
}
html.page-canteen.tv-legacy .row{
  display:block;
  position:relative;
  width:100%;
  height:19.1%;
  min-height:0;
  margin-bottom:.65vh;
  padding:.48vh 1.2vw;
  background:rgba(255,255,255,.065);
}
html.page-canteen.tv-legacy .row.today{background:rgba(255,219,105,.11)}
html.page-canteen.tv-legacy .day{
  position:absolute;
  top:0;bottom:0;left:1.2vw;
  width:13%;
  padding:2.2vh 1.2vw 0 0;
}
html.page-canteen.tv-legacy .meal-line{
  display:table;
  position:absolute;
  top:0;right:1.2vw;bottom:0;left:15.5%;
  width:82.5%;
  height:100%;
  table-layout:fixed;
  padding:0;
}
html.page-canteen.tv-legacy .meal-line .group{
  display:table-cell;
  padding:0 1.35vw 0 0;
  vertical-align:middle;
}
html.page-canteen.tv-legacy .meal-line .soup{width:31%}
html.page-canteen.tv-legacy .meal-line .main{width:41%}
html.page-canteen.tv-legacy .meal-line .extras{width:28%}
html.page-canteen.tv-legacy .single{
  display:table;
  width:100%;
  height:100%;
}
html.page-canteen.tv-legacy .single-card{
  display:table-cell;
  width:auto;
  min-height:0;
  padding:5vh 5vw;
  vertical-align:middle;
  background:rgba(255,255,255,.085);
}
html.page-canteen.tv-legacy .single-groups{
  display:table;
  width:100%;
  table-layout:fixed;
}
html.page-canteen.tv-legacy .single-groups .group{
  display:table-cell;
  padding-right:2vw;
  vertical-align:top;
}
html.page-canteen.tv-legacy .single-groups .soup{width:31%}
html.page-canteen.tv-legacy .single-groups .main{width:41%}
html.page-canteen.tv-legacy .single-groups .extras{width:28%}
html.page-canteen.tv-legacy .bottom{
  display:block;
  position:absolute;
  right:4vw;bottom:1.8vh;left:4vw;
  height:4.6vh;
  line-height:4.6vh;
}
html.page-canteen.tv-legacy .bottom>span:first-child{position:absolute;left:0}
html.page-canteen.tv-legacy .bottom>span:last-child{position:absolute;right:0}
html.page-canteen.tv-legacy .dots{position:absolute;left:42%;width:16%;text-align:center;white-space:nowrap}
html.page-canteen.tv-legacy .dot{display:inline-block;margin:0 .22vw;vertical-align:middle}

/* FIX36 weather: reserve one full-width row for the fact strip. */
html.page-weather.tv-legacy .main{bottom:12.7vh}
html.page-weather.tv-legacy .chart{bottom:2.2vh}
html.page-weather.tv-legacy .tip{
  position:fixed;
  right:3.5vw;bottom:6.25vh;left:3.5vw;
  z-index:3;
  padding:1.35vh 1.6vw;
  font-size:1.28vw;
  font-weight:700;
}
html.page-weather.tv-legacy .chart svg{height:calc(100% - 4.2vh)}
html.page-weather.tv-legacy .legend{height:4.2vh;line-height:4.2vh;white-space:nowrap}
html.page-weather.tv-legacy .legend span{display:inline-block;margin-right:1vw;line-height:2.6vh}
html.page-weather.tv-legacy .weather-symbol{display:block;width:100%;height:100%}