/* MeteoSensor Local v0.13.007 — refinament visual de Previsió sobre v0.13.006. */

/* ========================================================================
   PROPERES 48 HORES
   Ordre definitiu d'aquesta iteració:
   icona → gràfica màxima → gràfica mínima → humitat → pluja → hora.
   ======================================================================== */
:root[data-theme] .forecast-v012005.ui-system-master>.v13007-hourly{
  padding:var(--arch-s4) 0 0!important;
}
:root[data-theme] .forecast-v012005.ui-system-master>.v13007-hourly>.v46-card-title,
:root[data-theme] .forecast-v012005.ui-system-master>.v4-daily-list>.v46-card-title{
  margin:0 0 var(--arch-s3)!important;
  padding:0 var(--arch-s4)!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hourly .v4-hour-scroll{
  padding:0!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-canvas{
  position:relative!important;
  min-width:100%!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-grid{
  display:grid!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-hit{
  display:grid!important;
  grid-template-rows:48px 46px 42px 20px 20px 38px!important;
  justify-items:center!important;
  align-items:center!important;
  padding:0 4px!important;
  border-inline-end:1px solid color-mix(in srgb,var(--arch-border) 55%,transparent)!important;
  scroll-snap-align:start!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-hit:last-child{
  border-inline-end:none!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-symbol{
  font-size:40px!important;
  line-height:1!important;
  align-self:end!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-max-space,
:root[data-theme] .forecast-v012005.ui-system-master .v13007-min-space{
  display:block!important;
  width:100%!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-max-space{height:46px!important;}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-min-space{height:42px!important;}

/* Hora = nivell intern destacat i separat del bloc humitat/pluja. */
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-hit>time{
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:2px!important;
  margin-top:8px!important;
  color:var(--arch-text)!important;
  font-size:19px!important;
  font-weight:700!important;
  line-height:1!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-hit>time small{
  color:inherit!important;
  font-size:.70em!important;
  font-weight:inherit!important;
  line-height:1!important;
}

/* Humitat, pluja i temperatures = mateix nivell secundari gris. */
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-number,
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-unit,
:root[data-theme] .forecast-v012005.ui-system-master .v13007-temp-max-label,
:root[data-theme] .forecast-v012005.ui-system-master .v13007-temp-min-label{
  color:var(--arch-text-2)!important;
  fill:var(--arch-text-2)!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:1!important;
}

/* Humitat i pluja ben agrupades i compactes. */
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-meta{
  display:grid!important;
  grid-template-columns:19px 2.1ch 13px!important;
  align-items:baseline!important;
  justify-content:center!important;
  column-gap:4px!important;
  width:max-content!important;
  height:18px!important;
  margin:0 auto!important;
  color:var(--arch-text-2)!important;
  white-space:nowrap!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-hum{
  margin-top:4px!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-rain{
  margin-top:-1px!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:19px!important;
  height:18px!important;
  color:var(--ui-weather-glyph,var(--arch-text-2))!important;
  font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Apple Symbols",sans-serif!important;
  font-style:normal!important;
  font-weight:900!important;
  line-height:18px!important;
  transform:none!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-rain-icon{font-size:19px!important;}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hum-icon{font-size:14px!important;}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-number{
  min-width:2.1ch!important;
  text-align:right!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-unit{
  text-align:left!important;
}

/* Gràfica superior: temperatura horària (taronja). */
:root[data-theme] .forecast-v012005.ui-system-master .v13007-temp-max-curve{
  position:absolute!important;
  left:0!important;
  top:50px!important;
  width:100%!important;
  height:42px!important;
  pointer-events:none!important;
  overflow:visible!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-temp-max-line{
  fill:none!important;
  stroke:var(--temp)!important;
  stroke-width:1.45!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-temp-max-dot{
  fill:var(--surface)!important;
  stroke:var(--temp)!important;
  stroke-width:1.35!important;
  vector-effect:non-scaling-stroke!important;
}

/* Gràfica inferior: mínima diària, també amb valors per sobre de la línia. */
:root[data-theme] .forecast-v012005.ui-system-master .v13007-temp-min-curve{
  position:absolute!important;
  left:0!important;
  top:94px!important;
  width:100%!important;
  height:42px!important;
  pointer-events:none!important;
  overflow:visible!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-temp-min-line{
  fill:none!important;
  stroke:#2485c7!important;
  stroke-width:1.25!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-temp-min-dot{
  fill:var(--surface)!important;
  stroke:#2485c7!important;
  stroke-width:1.25!important;
  vector-effect:non-scaling-stroke!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-temp-max-label,
:root[data-theme] .forecast-v012005.ui-system-master .v13007-temp-min-label{
  letter-spacing:0!important;
}

/* Peu amb marge canònic coherent amb la resta de quadres. */
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hourly>footer{
  margin-top:12px!important;
}