/* MeteoSensor Local v0.13.010 — refinament de Previsió sobre v0.13.009. */

:root[data-theme] .v13010-condition-block{
  display:inline-block!important;
  width:max-content!important;
  max-width:100%!important;
  text-align:left!important;
}
:root[data-theme] .v13010-condition-block .v13003-condition-line{
  transform-origin:left center!important;
  text-align:left!important;
}

/* Properes 48 hores: tres espais grans equivalents i humitat/pluja més juntes. */
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-hit{
  grid-template-rows:50px 50px 50px 20px 20px 46px!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-symbol{
  align-self:end!important;
  padding-bottom:0!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-temp-max-curve{top:55px!important;}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-temp-min-curve{top:105px!important;}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-hum{margin-top:0!important;}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-rain{margin-top:-2px!important;}
:root[data-theme] .forecast-v012005.ui-system-master .v13007-hour-hit>time{margin-top:12px!important;}

/* Detall horari: mateixa arquitectura que Previsió per ara. */
.detail .v13010-hour-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:var(--arch-s3)!important;
  align-items:stretch!important;
  margin:10px 0 0!important;
}
.detail .v13010-hour-condition{
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  align-content:center!important;
  justify-items:center!important;
  min-width:0!important;
}
.detail .v13010-hour-condition>h3{
  width:100%!important;
  min-width:0!important;
  margin:0 0 8px!important;
  color:var(--arch-text)!important;
  font-size:var(--arch-fs-section)!important;
  font-weight:900!important;
  line-height:1.08!important;
  text-align:center!important;
}
.detail .v13010-hour-condition .v13010-condition-block{margin-inline:auto!important;}
.detail .v13010-hour-weather{
  display:grid!important;
  place-items:center!important;
  min-height:62px!important;
  font-size:54px!important;
  line-height:1!important;
}
.detail .v13010-hour-readouts{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:var(--arch-s3)!important;
  align-content:center!important;
  min-width:0!important;
}
.detail .v13010-hour-readouts .v13001-detail-field{gap:6px!important;}
.detail .v13010-hour-readouts .v13001-detail-field>span{
  color:var(--arch-text-2)!important;
  font-size:var(--arch-fs-config-label)!important;
  font-weight:var(--arch-fw-label)!important;
  line-height:1.25!important;
}
.detail .v13010-hour-readouts .v13001-detail-field>strong{
  height:var(--arch-control-h)!important;
  min-height:var(--arch-control-h)!important;
  background:var(--arch-readout)!important;
  font-size:var(--arch-fs-data)!important;
  font-weight:var(--arch-fw-data)!important;
}
.detail .v13010-hour-details{
  margin:var(--arch-s4) 0 0!important;
  padding:var(--arch-s4) 0 0!important;
  border-top:1px solid var(--arch-border)!important;
}
.detail .v13010-hour-details>h3{
  margin:0 0 var(--arch-s3)!important;
  color:var(--arch-text)!important;
  font-size:var(--arch-fs-item)!important;
  font-weight:var(--arch-fw-strong)!important;
  line-height:1.22!important;
}
.detail .v13010-hour-details .v13001-detail-grid{gap:var(--arch-s3)!important;}
.detail .v13010-hour-details + .v13001-detail-source{
  margin-top:var(--arch-s4)!important;
  padding-top:0!important;
  border-top:none!important;
}

/* Probabilitat de pluja dins del detall horari: mateix component òptic que al resum. */
.detail .v13010-hour-details .v67-rain-value{
  display:inline-flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  width:max-content!important;
  height:22px!important;
  margin:0 auto!important;
  gap:5px!important;
}
.detail .v13010-hour-details .v67-rain-value>.v47-rain-icon{
  display:inline-flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  width:22px!important;
  height:19px!important;
  margin:0!important;
  color:#278ccb!important;
  font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Apple Symbols",sans-serif!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:19px!important;
}
.detail .v13010-hour-details .v67-rain-value>.v4-measure,
.detail .v13010-hour-details .v67-rain-value .v4-measure-line{
  display:inline-flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  height:19px!important;
  margin:0!important;
  line-height:19px!important;
}