/* =====================================================================
   News in home - agenda delle scadenze e articoli da rivista (14/10/2026).
   Caricato solo sulla home e sulle sue varianti.

   Gli articoli restano quelli del Loop di Elementor (.lir-articoli, card
   .lir-scheda): news.js aggiunge
     - sopra, la striscia con le prossime tre scadenze fisse per chi ha
       dipendenti, calcolate a ogni visita dalla data del giorno;
     - i filtri per categoria, costruiti dalle categorie degli articoli;
     - il cerchio con la freccia sulle card.
   L'articolo piu' recente (il primo visibile, classe .is-primo) e' grande
   con la foto; gli altri sono righe a destra.
   Tutto vale solo con .lir-nx sulla gabbia, che mette lo script: senza,
   la sezione resta la griglia di card di prima.
   ===================================================================== */

/* -- Testata: titolo a sinistra, guida a destra ------------------------- */
body .lir-gabbia.lir-nx > .lir-testa{max-width:none;width:100%}
@media (min-width:980px){
  body .lir-nx > .lir-testa.e-con{
    display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    column-gap:clamp(36px,4.5vw,56px);align-items:end;
  }
  body .lir-nx > .lir-testa > .elementor-widget{grid-column:1}
  body .lir-nx > .lir-testa > .elementor-widget:last-child{grid-column:2;grid-row:1 / span 2;align-self:end}
  body .lir-nx > .lir-testa h2{margin-bottom:0}
}

/* -- La striscia delle scadenze ----------------------------------------- */
.lir-nx__agenda{display:grid;gap:16px;margin-bottom:clamp(28px,3.6vw,40px);padding:clamp(18px,2.6vw,26px);border-radius:14px;background:var(--petrolio-scuro);color:#fff}
.lir-nx__agenda p{margin:0}
.lir-nx__agenda-testa{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px}
.lir-nx__agenda-testa b{font-family:var(--titolo);font-weight:600;font-size:1.15rem;line-height:1.3}
.lir-nx__agenda-testa span{font-size:.82rem;color:#A9CCD9}
.lir-nx__scadenze{display:grid;gap:10px;margin:0;padding:0;list-style:none}
@media (min-width:820px){.lir-nx__scadenze{grid-template-columns:repeat(3,minmax(0,1fr))}}
.lir-nx__scad{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;align-items:center;margin:0;padding:14px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.lir-nx__scad.is-prima{background:#fff;border-color:#fff;color:var(--inchiostro)}
.lir-nx__giorno{display:grid;place-items:center;width:62px;height:66px;border-radius:8px;background:rgba(255,255,255,.08);text-align:center;line-height:1}
.lir-nx__scad.is-prima .lir-nx__giorno{background:var(--petrolio);color:#fff}
.lir-nx__giorno b{font-family:var(--titolo);font-weight:600;font-size:1.7rem;font-variant-numeric:tabular-nums}
.lir-nx__giorno span{font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.lir-nx__cosa{display:grid;gap:3px;min-width:0}
.lir-nx__cosa b{font-size:.98rem;line-height:1.3}
.lir-nx__cosa span{font-size:.8rem;line-height:1.35;color:#B7CCD4}
.lir-nx__scad.is-prima .lir-nx__cosa span{color:var(--inchiostro-tenue)}
.lir-nx__cosa .lir-nx__manca{justify-self:start;margin-top:3px;padding:2px 8px;border-radius:2px;background:rgba(255,255,255,.12);color:#E6EFF2;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.lir-nx__scad.is-prima .lir-nx__manca{background:var(--ambra-velo);color:var(--ambra)}
.lir-nx__agenda-piede{font-size:.8rem;color:#A9CCD9}

/* -- Filtri ------------------------------------------------------------- */
.lir-nx__filtri{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(20px,2.6vw,28px)}
/* Prefisso lungo per battere lo stile globale dei pulsanti del kit */
body .lir-nx .lir-nx__filtro,
body .lir-nx .lir-nx__filtro:hover,
body .lir-nx .lir-nx__filtro:focus{
  appearance:none;cursor:pointer;margin:0;padding:7px 14px;border-radius:999px;border:1px solid var(--linea);
  background:transparent;box-shadow:none;text-transform:none;letter-spacing:0;white-space:nowrap;
  font-family:var(--testo);font-size:.86rem;font-weight:600;line-height:1.3;color:var(--inchiostro-tenue);
  transition:background 200ms,color 200ms,border-color 200ms;
}
body .lir-nx .lir-nx__filtro:hover{border-color:var(--petrolio-chiaro);color:var(--inchiostro)}
body .lir-nx .lir-nx__filtro[aria-pressed="true"]{background:var(--petrolio);border-color:var(--petrolio);color:#fff}
body .lir-nx .lir-nx__filtro:focus{outline:0}
body .lir-nx .lir-nx__filtro:focus-visible{outline:2px solid var(--petrolio);outline-offset:2px}
.lir-nx__filtro i{font-style:normal;font-weight:400;opacity:.7;margin-left:4px}

/* -- Gli articoli: il primo grande, gli altri in righe ------------------ */
/* Le impostazioni del Loop danno righe tutte alte uguali (grid-auto-rows:
   1fr): qui le righe seguono il contenuto. */
body .lir-nx .lir-articoli .elementor-loop-container.elementor-grid{
  display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;column-gap:0;row-gap:0;
}
body .lir-nx .lir-articoli .e-loop-item.is-nascosto{display:none}
@media (min-width:980px){
  /* Una riga per ogni articolo di destra (--lir-nx-n, lo scrive lo script)
     piu' una riga elastica in fondo: l'articolo grande le occupa tutte, e la
     differenza di altezza finisce nell'ultima invece che fra le righe. */
  body .lir-nx .lir-articoli .elementor-loop-container.elementor-grid{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(28px,3.4vw,44px);align-items:start;
    grid-template-rows:repeat(var(--lir-nx-n,2),auto) 1fr;
  }
  body .lir-nx .lir-articoli .e-loop-item.is-primo{grid-column:1;grid-row:1 / span var(--lir-nx-span,3)}
  body .lir-nx .lir-articoli .e-loop-item:not(.is-primo){grid-column:2}
}

/* Categoria: un quadratino del colore della categoria, lo stesso dei filtri */
body .lir-nx .lir-scheda__cat,
body .lir-nx .lir-scheda__cat a{color:var(--lir-nx-tono,var(--petrolio))}
body .lir-nx .lir-scheda__cat .elementor-heading-title{display:inline-flex;align-items:center;gap:7px}
body .lir-nx .lir-scheda__cat .elementor-heading-title::before{content:"";width:8px;height:8px;border-radius:2px;background:currentColor;flex:none}
.lir-nx .e-loop-item[data-tono="ambra"]{--lir-nx-tono:var(--ambra)}
.lir-nx .e-loop-item[data-tono="petrolio"]{--lir-nx-tono:var(--petrolio)}
.lir-nx .e-loop-item[data-tono="chiaro"]{--lir-nx-tono:var(--petrolio-chiaro)}
.lir-nx__filtro[data-tono]::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:7px;vertical-align:1px;background:var(--lir-nx-tono)}
.lir-nx__filtro[data-tono="ambra"]{--lir-nx-tono:var(--ambra)}
.lir-nx__filtro[data-tono="petrolio"]{--lir-nx-tono:var(--petrolio)}
.lir-nx__filtro[data-tono="chiaro"]{--lir-nx-tono:var(--petrolio-chiaro)}
.lir-nx__filtro[aria-pressed="true"][data-tono]::before{background:#fff}

/* Il cerchio con la freccia, come nelle altre sezioni */
.lir-nx__freccia{width:28px;height:28px;flex:none;border-radius:50%;display:inline-grid;place-items:center;border:1px solid var(--linea);color:var(--petrolio);
  transition:transform 260ms cubic-bezier(.2,.6,.3,1),background 220ms,color 220ms,border-color 220ms}
.lir-nx__freccia svg{width:11px;height:11px}
body .lir-nx .lir-scheda:hover .lir-nx__freccia{transform:translateX(3px);background:var(--petrolio);border-color:var(--petrolio);color:#fff}
body .lir-nx .lir-scheda__leggi a{border-bottom:0;gap:10px}
body .lir-nx .lir-scheda__leggi a::after{display:none}

/* Il primo: card grande con la foto */
body .lir-nx .e-loop-item.is-primo .lir-scheda{border:1px solid var(--linea);border-radius:14px;box-shadow:none;transform:none}
body .lir-nx .e-loop-item.is-primo .lir-scheda:hover{box-shadow:var(--ombra);transform:none}
body .lir-nx .e-loop-item.is-primo .lir-scheda__corpo.e-con{padding:22px 24px 24px}
body .lir-nx .e-loop-item.is-primo .lir-scheda__titolo{font-size:clamp(1.4rem,1.15rem + .9vw,1.9rem);line-height:1.18;letter-spacing:-.012em}
body .lir-nx .e-loop-item.is-primo .lir-scheda__estratto{font-size:1rem}

/* Gli altri: righe senza foto, separate da filetti */
body .lir-nx .e-loop-item:not(.is-primo) .lir-scheda{position:relative;background:none;border:0;border-bottom:1px solid var(--linea-tenue);border-radius:0;box-shadow:none;transform:none}
body .lir-nx .e-loop-item:not(.is-primo) .lir-scheda:hover{box-shadow:none;transform:none}
body .lir-nx .e-loop-item:not(.is-primo) .lir-scheda__img{display:none}
body .lir-nx .e-loop-item:not(.is-primo) .lir-scheda__corpo.e-con{padding:20px 48px 20px 0}
body .lir-nx .e-loop-item:not(.is-primo) .lir-scheda__titolo{font-size:1.18rem;line-height:1.25}
body .lir-nx .e-loop-item:not(.is-primo) .lir-scheda__estratto{font-size:.9rem;padding-bottom:0}
body .lir-nx .e-loop-item:not(.is-primo) .lir-scheda__estratto p{-webkit-line-clamp:2;line-clamp:2;margin:0}
/* Nella riga resta solo il cerchio, a destra: il testo "Leggi" e' nascosto
   alla vista ma letto dagli screen reader */
body .lir-nx .e-loop-item:not(.is-primo) .lir-scheda .lir-scheda__leggi{position:absolute;right:0;top:50%;margin:-14px 0 0;padding:0}
body .lir-nx .e-loop-item:not(.is-primo) .lir-scheda__leggi .lir-nx__testo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (min-width:980px){
  body .lir-nx .lir-articoli .e-loop-item.is-primo + .e-loop-item .lir-scheda{border-top:1px solid var(--linea)}
}
@media (max-width:979px){
  body .lir-nx .lir-articoli .e-loop-item.is-primo{margin-bottom:8px}
}

@media (prefers-reduced-motion:reduce){
  .lir-nx__freccia,body .lir-nx .lir-nx__filtro{transition:none}
}