/* Ajout limite aux trois cartes meteo. Photos originales, sans transformation. */
.weather-card .weather-main{gap:12px}
.weather-card .reading{flex:1 1 0}
.weather-card .condition{overflow-wrap:anywhere}
.weather-card .weather-city-photo{
  display:block;flex:none;width:clamp(64px,7vw,104px);height:72px;
  object-fit:cover;object-position:center;border-radius:10px;
}
@media(min-width:1001px) and (max-width:1279px){
  .weather-card .weather-main{gap:8px}
  .weather-card .weather-icon{width:32px;height:32px}
  .weather-card .weather-city-photo{width:64px;height:64px}
  .weather-card .extremes{padding-left:8px}
}
@media(min-width:561px) and (max-width:1000px){
  .weather-card .weather-main{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px}
  .weather-card .weather-icon{width:30px;height:30px}
  .weather-card .weather-city-photo{grid-column:1/-1;width:100%;height:80px}
  .weather-card .extremes{
    grid-column:1/-1;display:flex;width:100%;margin:0;gap:12px;
    border-left:0;border-top:1px solid var(--line);padding:8px 0 0;font-size:10px;
  }
  .weather-card .extremes>div{gap:4px}
  .weather-card .extremes dd{min-width:0}
}
@media(max-width:560px){
  .weather-card .weather-main{gap:8px}
  .weather-card .weather-icon{width:30px;height:30px}
  .weather-card .weather-city-photo{width:clamp(54px,17vw,88px);height:64px}
  .weather-card .extremes{padding-left:8px;font-size:11px}
  .weather-card .extremes>div{gap:4px}
}