/* MeteoSensor Local v0.13.003 — consolidació formal abans de continuar Previsió.
   Base exacta: v0.13.002.
   Intervenció limitada a: condició i temperatura principal, alineació de
   Sensació, geometria de Comparació i ritme editorial uniforme d'Ajuda.
   Configuració continua essent la referència mestra dels components equivalents. */

/* ========================================================================
   1. CONDICIÓ METEOROLÒGICA — TITULAR PROPI, NO SUBTÍTOL GENÈRIC
   Mateixa escala visual que el títol de secció, però en negre. El text llarg
   conserva la mida i s'ajusta horitzontalment per JS dins de cada línia.
   ======================================================================== */
:root[data-theme] .forecast-v012005.ui-system-master .v47-hero-main>.v4-hero-grid>h3{
  width:100%!important;
  min-width:0!important;
  margin:0 0 2px!important;
  color:var(--arch-text)!important;
  font-size:var(--arch-fs-section)!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  text-align:center!important;
  overflow:visible!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13003-condition-line{
  display:inline-block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  transform-origin:50% 50%!important;
}

/* El color semàntic de desviació pertany a la temperatura, no a l'estat del cel. */
:root[data-theme] .forecast-v012005.ui-system-master .v55-current-row>.v4-measure.v13003-temp-tone,
:root[data-theme] .forecast-v012005.ui-system-master .v55-current-row>.v4-measure.v13003-temp-tone *{
  color:var(--v13003-temp-tone)!important;
}

/* Sensació: etiqueta i valor comparteixen una línia base real. */
:root[data-theme] .forecast-v012005.ui-system-master .v55-feels-row{
  align-items:baseline!important;
  line-height:1!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v55-feels-row>span:first-child,
:root[data-theme] .forecast-v012005.ui-system-master .v55-feels-row>.v4-measure,
:root[data-theme] .forecast-v012005.ui-system-master .v55-feels-row .v4-measure-line{
  align-self:baseline!important;
  line-height:1!important;
}

/* La targeta de comparació reutilitza també el padding de 12 px que la
   targeta «Qualitat de l’aire prevista» té validat dins de Previsió. */
:root[data-theme] .forecast-v012005.ui-system-master>.v4-compare{
  padding:var(--arch-s3)!important;
}

/* ========================================================================
   2. COMPARACIÓ SENSOR–MODEL — MATEIXA GEOMETRIA QUE LA RESTA DE TARGETES
   S'elimina la segona sagnia històrica: la targeta ja aporta els 16 px
   canònics. Títol, explicació, camps i peu comparteixen el mateix eix esquerre.
   ======================================================================== */
:root[data-theme] .forecast-v012005.ui-system-master>.v4-compare>.v46-card-title{
  margin:0 0 var(--arch-s4)!important;
  padding:0!important;
}
:root[data-theme] .forecast-v012005.ui-system-master>.v4-compare>p{
  margin:0 0 var(--arch-s4)!important;
  padding:0!important;
  color:var(--arch-text-2)!important;
  font-size:var(--arch-fs-body)!important;
  font-weight:var(--arch-fw-regular)!important;
  line-height:var(--arch-lh-body)!important;
  text-align:left!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v67-compare-rows{
  display:grid!important;
  gap:var(--arch-s4)!important;
  margin:0!important;
  padding:0 0 var(--arch-s4)!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v67-compare-row{
  margin:0!important;
  padding:0!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v67-compare-row>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;
  text-align:left!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v67-compare-fields{
  gap:var(--arch-s3)!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v67-compare-fields>.v4-field{
  gap:6px!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v67-compare-fields>.v4-field>label{
  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;
}
:root[data-theme] .forecast-v012005.ui-system-master .v67-compare-fields>.v4-field>.v4-value-box{
  height:var(--arch-control-h)!important;
  min-height:var(--arch-control-h)!important;
  padding:0 10px!important;
  border:1px solid var(--arch-border)!important;
  border-radius:var(--arch-radius-control)!important;
  background:var(--arch-readout)!important;
  background-image:none!important;
  box-shadow:none!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v67-compare-fields .v69-compare-value{
  color:var(--arch-text)!important;
  font-size:var(--arch-fs-data)!important;
  font-weight:var(--arch-fw-data)!important;
  line-height:1!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13001-compare-delta{
  margin:var(--arch-s2) 0 0!important;
  padding:0!important;
  color:var(--arch-text-2)!important;
  font-size:var(--arch-fs-meta)!important;
  font-weight:var(--arch-fw-regular)!important;
  line-height:var(--arch-lh-meta)!important;
  text-align:left!important;
}
:root[data-theme] .forecast-v012005.ui-system-master .v13001-compare-delta strong{
  color:var(--arch-text)!important;
  font-size:inherit!important;
  font-weight:var(--arch-fw-label)!important;
}
:root[data-theme] .forecast-v012005.ui-system-master>.v4-compare>footer{
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}

/* ========================================================================
   3. AJUDA CONTEXTUAL — RITME EDITORIAL ÚNIC
   Títol principal verd (detail-title); subtítols negres 19/700;
   8 px exactes entre subtítol i text, 16 px entre blocs.
   ======================================================================== */
:root[data-theme] .detail .forecast-help-body{
  display:block!important;
  margin-top:var(--arch-s3)!important;
}
:root[data-theme] .detail .forecast-help-body>h3{
  margin:var(--arch-s4) 0 var(--arch-s2)!important;
  padding:0!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;
  letter-spacing:0!important;
  text-align:left!important;
}
:root[data-theme] .detail .forecast-help-body>h3:first-child{
  margin-top:0!important;
}
:root[data-theme] .detail .forecast-help-body p,
:root[data-theme] .detail .environment-reading p{
  margin:0 0 var(--arch-s2)!important;
  padding:0!important;
  color:var(--arch-text-2)!important;
  font-size:var(--arch-fs-body)!important;
  font-weight:var(--arch-fw-regular)!important;
  line-height:var(--arch-lh-body)!important;
  text-align:left!important;
}
:root[data-theme] .detail .environment-reading{
  display:block!important;
  margin:0!important;
  padding:0!important;
}
:root[data-theme] .detail .environment-topic-label{
  margin:var(--arch-s3) 0 var(--arch-s2)!important;
}
:root[data-theme] .detail .environment-topic-label strong{
  color:var(--arch-text)!important;
  font-size:var(--arch-fs-config-label)!important;
  font-weight:var(--arch-fw-label)!important;
  line-height:1.25!important;
}
:root[data-theme] .detail .forecast-help-source{
  margin:var(--arch-s4) 0 0!important;
  padding:var(--arch-s3) 0 0!important;
  border-top:1px solid var(--arch-divider)!important;
}
:root[data-theme] .detail .forecast-help-source>strong{
  display:block!important;
  margin:0 0 var(--arch-s2)!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;
}
:root[data-theme] .detail .environment-source-links{
  display:grid!important;
  gap:var(--arch-s2)!important;
  margin:0 0 var(--arch-s3)!important;
}

/* Enllaç extern: exactament el mateix tractament a contextual i Ajuda. */
:root[data-theme] .detail .environment-source-links a,
:root[data-theme] .help-v012003 .help-links a,
:root[data-theme] .help-v012003 .environment-source-links a{
  color:var(--arch-link)!important;
  font-size:var(--arch-fs-meta)!important;
  font-weight:var(--arch-fw-label)!important;
  line-height:var(--arch-lh-meta)!important;
  text-decoration-line:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:2px!important;
}

/* Paraules clau: subratllat editorial comú, sense canviar mida ni color. */
:root[data-theme] .v13003-help-keyword{
  color:inherit!important;
  font:inherit!important;
  text-decoration-line:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:2px!important;
  text-decoration-skip-ink:auto!important;
}

/* ========================================================================
   4. AJUDA COMPLETA — MATEIX RITME QUE ELS CONTEXTUALS
   ======================================================================== */
:root[data-theme] .help-v012003 .help-section summary{
  color:var(--arch-text)!important;
  font-size:var(--arch-fs-item)!important;
  font-weight:var(--arch-fw-strong)!important;
  line-height:1.22!important;
}
:root[data-theme] .help-v012003 .help-section[open]>summary{
  padding-bottom:var(--arch-s2)!important;
}
:root[data-theme] .help-v012003 .help-section-body{
  padding-top:0!important;
}
:root[data-theme] .help-v012003 .help-section-body>p,
:root[data-theme] .help-v012003 .environment-help-body p,
:root[data-theme] .help-v012003 .environment-reading p{
  margin:0 0 var(--arch-s3)!important;
  color:var(--arch-text-2)!important;
  font-size:var(--arch-fs-body)!important;
  font-weight:var(--arch-fw-regular)!important;
  line-height:var(--arch-lh-body)!important;
  text-align:left!important;
}
:root[data-theme] .help-v012003 .environment-guide-topic{
  margin:0!important;
  padding:0!important;
}
:root[data-theme] .help-v012003 .environment-guide-topic+.environment-guide-topic{
  margin-top:var(--arch-s4)!important;
}
:root[data-theme] .help-v012003 .environment-guide-title{
  margin:0 0 var(--arch-s3)!important;
}
:root[data-theme] .help-v012003 .forecast-help-body{
  display:block!important;
  margin:0!important;
}
:root[data-theme] .help-v012003 .forecast-help-body>h3{
  margin:var(--arch-s4) 0 var(--arch-s2)!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;
  text-align:left!important;
}
:root[data-theme] .help-v012003 .forecast-help-body>h3:first-child{
  margin-top:0!important;
}
:root[data-theme] .help-v012003 .environment-topic-label{
  margin:var(--arch-s3) 0 var(--arch-s2)!important;
}
:root[data-theme] .help-v012003 .environment-topic-label strong{
  color:var(--arch-text)!important;
  font-size:var(--arch-fs-config-label)!important;
  font-weight:var(--arch-fw-label)!important;
  line-height:1.25!important;
}
:root[data-theme] .help-v012003 .forecast-help-source{
  margin:var(--arch-s4) 0 0!important;
  padding:var(--arch-s3) 0 0!important;
}
:root[data-theme] .help-v012003 .forecast-help-source>strong{
  display:block!important;
  margin:0 0 var(--arch-s2)!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;
}
:root[data-theme] .help-v012003 .environment-source-links,
:root[data-theme] .help-v012003 .help-links{
  display:grid!important;
  gap:var(--arch-s2)!important;
  margin:0 0 var(--arch-s3)!important;
}

@media(max-width:390px){
  :root[data-theme] .forecast-v012005.ui-system-master .v47-hero-main>.v4-hero-grid>h3{
    font-size:var(--arch-fs-section)!important;
  }
}

/* ========================================================================
   5. SUBFINESTRES 48 H / 15 DIES — CENTRAT VERTICAL I ESPAI D'UNITAT
   La v0.13.002 ja havia igualat alçada, tipografia i fons. L'auditoria visual
   de la v0.13.003 detecta que align-items:baseline deixava el contingut massa
   amunt dins dels 50 px. Es manté la línia base número/unitat però es centra
   el conjunt dins del camp, com als camps canònics de Configuració/Previsió.
   ======================================================================== */
:root[data-theme] .detail .v13001-detail-field>strong,
:root[data-theme] .detail .v13001-detail-hero>div>strong,
:root[data-theme] .detail .v13001-period-main>div>strong{
  padding-block:14px!important;
  column-gap:var(--ui-value-unit-gap,4px)!important;
}
:root[data-theme] .detail .v13001-day-hero>div>strong{
  padding-block:14px!important;
  column-gap:0!important;
}
:root[data-theme] .detail .v13001-day-hero>div>strong>small{
  margin-left:var(--ui-value-unit-gap,4px)!important;
}
:root[data-theme] .detail .v13001-day-hero .v13001-range-sep{
  margin-inline:8px!important;
}
