/* 037Info Weather 2.1.3 – 1–8 days, always one full-width row */
.info037-weather{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  font-family:Tahoma, Arial, sans-serif;
  font-size:13px;
  line-height:1.25;
  overflow:hidden;
  container-type:inline-size;
}

/* These styles deliberately override theme typography on the page/shortcode. */
.info037-weather .info037-weather-title{
  font-family:Tahoma, Arial, sans-serif;
  font-size:18px;
  line-height:1.3;
  font-weight:700;
  font-style:normal;
  margin:0 0 10px;
  color:inherit;
}

.info037-weather .info037-weather-city{
  font-family:Tahoma, Arial, sans-serif;
  font-size:14px;
  line-height:1.3;
  font-weight:700;
  font-style:normal;
  margin:0 0 9px;
  color:inherit;
}

.info037-weather-row{
  display:grid;
  gap:5px;
  width:100%;
  box-sizing:border-box;
  margin:0;
}

/* Every day gets exactly the same share of the complete available width. */
.info037-weather-day{
  min-width:0;
  width:100%;
  box-sizing:border-box;
  text-align:center;
  padding:7px 3px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:5px;
  background:rgba(0,0,0,.02);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
  font-family:Tahoma, Arial, sans-serif;
  font-style:normal;
}

.info037-weather-date{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-family:Tahoma, Arial, sans-serif;
  font-style:normal;
}

.info037-weather-date strong{
  font-size:12px;
  line-height:1.2;
  font-weight:700;
}

.info037-weather-date span{
  font-size:10px;
  line-height:1.15;
  opacity:.75;
  font-weight:400;
}

.info037-weather-icon{
  font-size:21px;
  line-height:1.25;
  margin:4px 0 2px;
  font-family:"Segoe UI Emoji","Apple Color Emoji",Tahoma,sans-serif;
}

.info037-weather-temp{
  display:flex;
  justify-content:center;
  align-items:baseline;
  gap:3px;
  white-space:nowrap;
  font-family:Tahoma, Arial, sans-serif;
  font-style:normal;
}

.info037-weather-temp b{font-size:13px;font-weight:700}
.info037-weather-temp span{font-size:10px;opacity:.65;font-weight:400}

.info037-weather-rain{
  font-size:9px;
  line-height:1.15;
  margin-top:4px;
  white-space:nowrap;
  font-family:Tahoma, Arial, sans-serif;
}

.info037-weather-loading,
.info037-weather-error{
  padding:8px 0;
  font-family:Tahoma, Arial, sans-serif;
  font-style:normal;
}

/* Compact typography for a narrow sidebar while keeping all days in ONE row. */
@container (max-width: 520px){
  .info037-weather-row{gap:3px}
  .info037-weather-day{padding:6px 2px;border-radius:4px}
  .info037-weather-date strong{font-size:10px}
  .info037-weather-date span{font-size:8px}
  .info037-weather-icon{font-size:17px;margin:3px 0 1px}
  .info037-weather-temp{gap:2px}
  .info037-weather-temp b{font-size:11px}
  .info037-weather-temp span{font-size:8px}
  .info037-weather-rain{font-size:7px;margin-top:3px}
}

@container (max-width: 330px){
  .info037-weather-row{gap:2px}
  .info037-weather-day{padding:5px 1px}
  .info037-weather-date strong{font-size:9px}
  .info037-weather-date span{font-size:7px}
  .info037-weather-icon{font-size:15px}
  .info037-weather-temp b{font-size:10px}
  .info037-weather-temp span{font-size:7px}
  .info037-weather-rain{font-size:6px}
}