/* Banner Meteo a una riga sotto il calendario eventi (sezione Esplora), come vecchie versioni.
   Selettore via ID #meteo-banner: gli skin editorial/civic forzano lo sfondo chiaro sulle <section>
   con regole tipo `:root.force-light body section` (alta specificità). L'ID le batte tutte. */
html body #meteo-banner.ic-meteo-banner{
  background:linear-gradient(90deg,#0b2340 0%,#14466B 100%)!important;
  border-top:1px solid rgba(91,196,255,.20)!important;
  border-bottom:1px solid rgba(91,196,255,.20)!important;
  color:#fff!important;
}
html body #meteo-banner .ic-meteo-banner__inner{max-width:1200px;margin:0 auto;padding:10px 22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
html body #meteo-banner .ic-meteo-banner__title{color:#fff!important;font-family:'Oswald',sans-serif!important;font-weight:600!important;font-size:15px!important;letter-spacing:.02em;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
html body #meteo-banner .ic-meteo-banner__sun{font-size:16px}
html body #meteo-banner .ic-meteo-banner__list{list-style:none!important;margin:0!important;padding:0!important;display:flex;align-items:center;gap:18px;flex:1;flex-wrap:wrap}
html body #meteo-banner .ic-meteo-banner__city{display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap}
html body #meteo-banner .ic-meteo-banner__ico{font-size:15px;line-height:1}
html body #meteo-banner .ic-meteo-banner__name{color:#bcd6f0!important;font-size:12px!important;letter-spacing:.05em;text-transform:uppercase}
html body #meteo-banner .ic-meteo-banner__temp{color:#fff!important;font-weight:700!important;font-size:15px!important}
html body #meteo-banner .ic-meteo-banner__src{color:rgba(188,214,240,.8)!important;font-size:11px!important;text-decoration:none;white-space:nowrap;margin-left:auto}
html body #meteo-banner .ic-meteo-banner__src:hover{color:#5BC4FF!important}
html body #meteo-banner .ic-meteo-banner__loading{color:#bcd6f0!important;font-size:13px;list-style:none}
@media(max-width:680px){
  html body #meteo-banner .ic-meteo-banner__inner{gap:10px;padding:9px 14px}
  html body #meteo-banner .ic-meteo-banner__list{gap:14px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}
  html body #meteo-banner .ic-meteo-banner__src{display:none}
}