/* Voci colorate a destra del menu: pillole staccate, sfondo a tinta e testo bianco (stessi colori dei blocchi "In evidenza" della home) */
:root { --idh-c-sport: #2E7D32; --idh-c-stampa: #B8860B; --idh-c-personaggi: #C4521F; --idh-c-turismo: #6B4226; }
.igdp-nav .igdp-nav-link[href$="/category/sport/"] { --pc: var(--idh-c-sport); }
.igdp-nav .igdp-nav-link[href$="/category/comunicato-stampa/"] { --pc: var(--idh-c-stampa); }
.igdp-nav .igdp-nav-link[href$="/category/personaggi/"] { --pc: var(--idh-c-personaggi); }
.igdp-nav .igdp-nav-link[href$="/category/turismo/"] { --pc: var(--idh-c-turismo); }
.igdp-nav .igdp-nav-link:is([href$="/category/sport/"], [href$="/category/comunicato-stampa/"], [href$="/category/personaggi/"], [href$="/category/turismo/"]) {
  align-self: center; flex: 0 0 auto; padding: 8px 16px; border-bottom: 0; border-radius: 999px; background: var(--pc); color: #fff; line-height: 1.2; transition: filter .2s ease, box-shadow .2s ease; }
.igdp-nav .igdp-nav-link:is([href$="/category/sport/"], [href$="/category/comunicato-stampa/"], [href$="/category/personaggi/"], [href$="/category/turismo/"]):is(:hover, :focus-visible) { color: #fff; background: var(--pc); filter: brightness(.9); }
.igdp-nav .igdp-nav-link.is-active:is([href$="/category/sport/"], [href$="/category/comunicato-stampa/"], [href$="/category/personaggi/"], [href$="/category/turismo/"]) { color: #fff; background: var(--pc); box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--pc); }
@media (min-width: 768px) {
  /* Desktop: niente scroll orizzontale. Corpo e spazi si adattano alla larghezza (em), se non basta il menu va a capo.
     Voci a sinistra ravvicinate; a destra blocchi rettangolari a tinta, alti quanto il menu e attaccati tra loro. */
  .igdp-header-wrap .igdp-nav { --nv: clamp(10.5px, 1.08vw, 14px); display: flex; flex-wrap: wrap; align-items: stretch; column-gap: .95em; row-gap: 0; overflow: visible; font-size: var(--nv); }
  .igdp-nav .igdp-nav-link { font-size: var(--nv); flex: 0 0 auto; }
  .igdp-nav .igdp-nav-link:is([href$="/category/sport/"], [href$="/category/comunicato-stampa/"], [href$="/category/personaggi/"], [href$="/category/turismo/"]) {
    display: flex; align-items: center; align-self: stretch; padding: 0 1.15em; border: 0; border-bottom: 3px solid var(--pc); border-radius: 0; background: #fff; color: var(--igdp-ink, #0F1D2D); font-size: calc(var(--nv) * .93); font-weight: 700; letter-spacing: .01em; transition: background-color .2s ease, color .2s ease; }
  .igdp-nav .igdp-nav-link[href$="/category/sport/"] { margin-left: auto; } /* spinge il gruppo colorato a destra */
  .igdp-nav .igdp-nav-link[href$="/category/meteo/"] { margin-right: 2.2em; }
  .igdp-nav .igdp-nav-link:is([href$="/category/sport/"], [href$="/category/comunicato-stampa/"], [href$="/category/personaggi/"]) { margin-right: -.95em; border-right: 2px solid #fff; } /* blocchi attaccati, divisi da un filo bianco */
  .igdp-nav .igdp-nav-link.is-active:is([href$="/category/sport/"], [href$="/category/comunicato-stampa/"], [href$="/category/personaggi/"], [href$="/category/turismo/"]) { background: #fff; color: var(--igdp-ink, #0F1D2D); border-bottom-color: var(--pc); box-shadow: none; }
}

/* Menu: linea rossa che scivola da una voce all'altra (solo desktop con puntatore; su mobile il menu resta a pillole statiche) */
@media (min-width: 768px) and (hover: hover) {
  .igdp-nav { position: relative; }
  .igdp-nav-link { position: relative; transition: color .2s ease; }
  .igdp-nav-link:hover, .igdp-nav-link:focus-visible { color: var(--igdp-lava-text, #B4471B); }
  /* pagina attiva: testo e bordo arancioni sempre, anche al passaggio del mouse */
  .igdp-nav-link.is-active, .igdp-nav-link.is-active:hover, .igdp-nav-link.is-active:focus-visible { color: var(--igdp-lava-text, #B4471B); border-bottom-color: var(--igdp-lava, #C4521F); background: none; }
  .igdp-nav .igdp-nav-link:is([href$="/category/sport/"], [href$="/category/comunicato-stampa/"], [href$="/category/personaggi/"], [href$="/category/turismo/"]):is(:hover, :focus-visible) { background: var(--igdp-sand, #EFE8DE); color: var(--igdp-ink, #0F1D2D); border-bottom-color: var(--pc); filter: none; }
  .idh-nav-blob { position: absolute; z-index: 2; top: 0; left: 0; width: 0; height: 3px; margin: 0; border-radius: 3px; pointer-events: none;
    background: var(--igdp-lava, #C4521F); opacity: 0; will-change: left, width; }
  .idh-nav-blob.on { opacity: 1; }
  .idh-nav-blob.go { transition: left .34s cubic-bezier(.34, 1.56, .64, 1), width .34s cubic-bezier(.34, 1.56, .64, 1), opacity .2s ease; }
  .idh-nav-blob.stretch { transition: left .16s cubic-bezier(.4, 0, .2, 1), width .16s cubic-bezier(.4, 0, .2, 1), opacity .2s ease; }
}
@media (prefers-reduced-motion: reduce) {
  .idh-nav-blob.go, .idh-nav-blob.stretch { transition: opacity .1s linear; }
  .igdp-nav-link { transition: color .1s linear; }
}