/* Novità di meteo.sm (#1712): pagina /whats-new.html e striscia in home.
   Colori solo dalle variabili del tema (app.css), così il tema scuro segue da solo. */

/* ---------- pagina ---------- */
.wn-main { max-width: 760px; margin: 0 auto; padding: 1rem 1rem 4rem; }
.wn-intro h1 { font-family: var(--font-display, inherit); margin: .4rem 0 .5rem; }
.wn-lede { color: var(--text-secondary); line-height: 1.55; margin: 0; max-width: 64ch; }
.wn-stato { color: var(--text-secondary); margin: 1.5rem 0; }

.wn-mese { margin-top: 2rem; }
.wn-mese__t {
  font-size: .8125rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  color: var(--text-secondary); margin: 0 0 .6rem; padding-bottom: .4rem;
  border-bottom: 1px solid var(--border);
}

.wn-voce {
  padding: 1rem 0 1.1rem;
  border-bottom: 1px solid var(--border);
  scroll-margin-top: 80px;   /* l'intestazione non copre la voce aperta da un link #id */
}
.wn-voce:last-child { border-bottom: none; }
.wn-voce--evidenza {
  background: var(--bg-secondary);
  border-left: 3px solid var(--primary);
  border-radius: var(--radius-md, 8px);
  padding-left: .9rem; padding-right: .9rem;
}
.wn-voce__meta {
  display: flex; flex-wrap: wrap; align-items: center; gap: .5rem;
  margin: 0 0 .35rem; font-size: var(--font-size-sm, .8125rem); color: var(--text-secondary);
}
.wn-voce__tipo {
  padding: 1px 8px; border-radius: 999px;
  border: 1px solid var(--border); background: var(--bg-secondary);
  font-weight: 600; color: var(--text-primary);
}
.wn-voce__nuova {
  padding: 1px 8px; border-radius: 999px;
  background: var(--primary); color: #fff; font-weight: 700;
}
.wn-voce__t { margin: 0 0 .35rem; font-size: 1.125rem; line-height: 1.3; color: var(--text-primary); }
.wn-voce__testo { margin: 0 0 .5rem; line-height: 1.55; color: var(--text-primary); max-width: 64ch; }
.wn-voce__link { font-weight: 600; color: var(--primary); text-decoration: none; }
.wn-voce__link:hover { text-decoration: underline; }

.wn-piede {
  margin-top: 2.5rem; padding: 1rem; border-radius: var(--radius-md, 8px);
  background: var(--bg-secondary); border: 1px solid var(--border);
  color: var(--text-secondary); line-height: 1.5; font-size: var(--font-size-sm, .875rem);
}
.wn-piede a { color: var(--primary); }

/* ---------- striscia in home ----------
   Stessa famiglia della striscia «Sei altrove» (.home-geo in home.css):
   fondo tenue, bordo blu a sinistra, × da 44 px. Non è un avviso. */
.home-novita { margin: 10px 0 var(--spacing-md, 16px); padding: 0 clamp(12px, 3vw, 24px); }
.home-novita__inner {
  max-width: 1200px; margin: 0 auto;
  display: flex; align-items: center; gap: var(--spacing-md, 16px);
  padding: 10px 14px;
  border: 1px solid var(--border); border-left: 3px solid var(--primary);
  border-radius: var(--radius-md, 8px); background: var(--bg-secondary);
}
.home-novita__eti {
  flex: 0 0 auto; padding: 2px 9px; border-radius: 999px;
  background: var(--primary); color: #fff;
  font-size: var(--font-size-xs, .75rem); font-weight: 700; letter-spacing: .02em;
}
.home-novita__txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.home-novita__txt strong { font-size: var(--font-size-base, 15px); color: var(--text-primary); letter-spacing: -0.01em; }
.home-novita__txt span { font-size: var(--font-size-sm, .8125rem); color: var(--text-secondary); }
.home-novita__cta {
  margin-left: auto; flex: 0 0 auto;
  font-size: var(--font-size-sm, .875rem); font-weight: 700; color: var(--primary);
  text-decoration: none; white-space: nowrap;
}
.home-novita__cta:hover { text-decoration: underline; }
.home-novita__chiudi {
  flex: 0 0 auto; width: 44px; height: 44px;
  display: inline-flex; align-items: center; justify-content: center;
  background: none; border: none; cursor: pointer;
  color: var(--text-hint, var(--text-secondary)); font-size: 17px; line-height: 1;
}
.home-novita__chiudi:hover { color: var(--text-primary); }

@media (max-width: 640px) {
  .home-novita__inner { flex-wrap: wrap; row-gap: 6px; position: relative; padding-right: 48px; }
  .home-novita__chiudi { position: absolute; top: 2px; right: 2px; }
  .home-novita__cta { margin-left: 0; }
}