/* MeteoPutignano - Anomalie decadali V1.3: solo leggibilita' e contrasto.
   CSS isolato: non interviene su layout home, API o altri grafici. */
#zeus-decadal-anomalies{
  margin:12px 0 20px;
  padding:14px;
  border-radius:14px;
  border:1px solid rgba(120,150,175,.27);
  background:rgba(120,150,175,.06);
  color:var(--ink,#1e3448);
}
#zeus-decadal-anomalies .zda-title{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:10px;flex-wrap:wrap;margin-bottom:12px;
}
#zeus-decadal-anomalies .zda-title h3{
  font-size:1rem;margin:2px 0 0;color:inherit;
}
#zeus-decadal-anomalies .zda-kicker,
#zeus-decadal-anomalies .zda-note{
  font-size:.73rem;color:var(--muted,#657b8e);
}
#zeus-decadal-anomalies .zda-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;
}
/* Le card rimangono volutamente chiare in entrambi i temi. Evitiamo
   di ereditare il testo bianco del tema scuro. */
#zeus-decadal-anomalies .zda-item{
  box-sizing:border-box;min-width:0;padding:10px 12px;
  border:1px solid #d7e3ec;border-radius:10px;
  background:#fff;color:#243b50;
}
#zeus-decadal-anomalies .zda-line{
  display:flex;justify-content:space-between;gap:6px;
  flex-wrap:wrap;font-size:.79rem;color:#3f607a;
}
#zeus-decadal-anomalies .zda-line strong{color:#365872;font-weight:700}
#zeus-decadal-anomalies .zda-line span{
  color:#74899b;font-size:.7rem;opacity:1;
}
#zeus-decadal-anomalies .zda-item small{
  display:block;color:#667f91;font-size:.7rem;opacity:1;
}
#zeus-decadal-anomalies .zda-value{
  display:block;font-size:1.36rem;margin:6px 0;color:#64798b;
}
#zeus-decadal-anomalies .zda-value.zda-cold{color:#2477bf}
#zeus-decadal-anomalies .zda-value.zda-warm{color:#d64e40}
#zeus-decadal-anomalies .zda-value.zda-neutral{color:#50697f}
#zeus-decadal-anomalies .zda-plot{
  position:relative;height:12px;border-radius:4px;
  background:#e6edf2;overflow:visible;margin:0 0 8px;
}
#zeus-decadal-anomalies .zda-zero{
  position:absolute;left:50%;height:16px;top:-2px;width:1px;
  background:#8197a8;z-index:2;
}
#zeus-decadal-anomalies .zda-bar{
  position:absolute;top:2px;height:8px;border-radius:2px;
}
#zeus-decadal-anomalies .zda-bar-cold{background:#358dd4}
#zeus-decadal-anomalies .zda-bar-warm{background:#df594e}
#zeus-decadal-anomalies .zda-note{margin:9px 0 0}
/* Tema scuro: intestazione chiara, card bianche con testo scuro. */
html[data-mp-theme="dark"] #zeus-decadal-anomalies{
  background:#1b2b3d;border-color:#345069;color:#ecf4fb;
}
html[data-mp-theme="dark"] #zeus-decadal-anomalies .zda-title h3{
  color:#f0f6fd;
}
html[data-mp-theme="dark"] #zeus-decadal-anomalies .zda-kicker,
html[data-mp-theme="dark"] #zeus-decadal-anomalies .zda-note{
  color:#b6cadb;
}
html[data-mp-theme="dark"] #zeus-decadal-anomalies .zda-item{
  background:#fff;color:#243b50;border-color:#d7e3ec;
}
html[data-mp-theme="dark"] #zeus-decadal-anomalies .zda-line strong{color:#365872}
html[data-mp-theme="dark"] #zeus-decadal-anomalies .zda-line span{color:#74899b}
html[data-mp-theme="dark"] #zeus-decadal-anomalies .zda-item small{color:#667f91}
html[data-mp-theme="dark"] #zeus-decadal-anomalies .zda-value.zda-cold{color:#2477bf}
html[data-mp-theme="dark"] #zeus-decadal-anomalies .zda-value.zda-warm{color:#d64e40}
html[data-mp-theme="dark"] #zeus-decadal-anomalies .zda-value.zda-neutral{color:#50697f}
@media(max-width:580px){
  #zeus-decadal-anomalies .zda-grid{gap:5px}
  #zeus-decadal-anomalies .zda-item{padding:9px 7px}
  #zeus-decadal-anomalies .zda-line{font-size:.68rem}
  #zeus-decadal-anomalies .zda-line span{font-size:.62rem}
  #zeus-decadal-anomalies .zda-value{font-size:1.05rem}
}

/* V1.4 - allineamento ai pannelli della climatologia in default.asp */
#zeus-decadal-anomalies {
  margin: 12px 22px 20px;
  box-sizing: border-box;
}
@media (max-width: 620px) {
  #zeus-decadal-anomalies {
    margin: 12px 14px 14px;
  }
}