/* ===== Contenitore ===== */
.news-container{max-width:100%;margin:-50px 0 0 0;padding:28px 48px;}
.news-heading{font-size:clamp(28px,3vw,40px);line-height:1.1;margin:0 0 24px;}
.news-category-title{font-size:clamp(22px,2.5vw,28px);margin:.2rem 0 1rem;}
.news-category-desc{color:#444;}
.news-list{display:grid;gap:28px;}

/* ===== Riga: immagine sinistra, testo destra (robusto) ===== */
.news-row{
  display:grid;
  grid-template-columns:minmax(280px,800px) 1fr;
  align-items:stretch;
  gap:24px;
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.07);
  transition:transform .2s ease, box-shadow .2s ease;
  /* Animazione all’apertura */
  opacity:0;
  transform:translateY(20px);
  animation: newsFadeIn .6s ease forwards;
}
@keyframes newsFadeIn{
  to{opacity:1;transform:translateY(0);}
}
.news-row:hover{ transform:translateY(-2px); box-shadow:0 16px 30px rgba(0,0,0,.10); }

/* Box immagine 16:9, cliccabile + zoom */
.news-row-media{
  display:block; position:relative; background:#f5f5f5;
  aspect-ratio:16/9; width:100%; overflow:hidden;
}
.news-row-media img{
  width:100%; height:100%; object-fit:cover; display:block;
  transform:scale(1); transition:transform .35s ease;
}
.news-row:hover .news-row-media img{ transform:scale(1.04); }
.news-row-placeholder{width:100%;height:100%;background:linear-gradient(120deg,#eee,#fafafa);}

/* Colonna testo */
.news-row-body{
  padding:50px;
  display:grid; gap:10px; align-content:start;
}
.news-badge{
  display:inline-block; font-size:12px; letter-spacing:.04em; text-transform:uppercase;
  background:#111; color:#fff; padding:6px 10px; border-radius:999px; text-decoration:none;
}
.news-row-title{
  margin:0;
  font-size:clamp(24px,2.6vw,40px); /* più grande */
  line-height:1.25;
  color:#0a5898; /* colore fisso */
}
.news-row-title a{ color:inherit; text-decoration:none; }
.news-row-title a:hover{ text-decoration:none; }
.news-row-date{ font-size:13px; color:#777; }
.news-row-excerpt{
	font-size: 1.4rem;
  margin:.2rem 0 0;
  color:#0a5898; /* testo introduttivo blu */
}

/* Read more (usa JGLOBAL_READ_MORE → multilingua) */
.news-readmore{
  margin-top:20px; display:inline-flex; align-items:center; gap:.5ch;
  max-width: 150px;
  font-weight:600; text-decoration:none;
  color:#0a5898;
  background:#fff;
  border:2px solid #0a5898;
  padding:12px 18px; /* più alto e più “pieno” */
  font-size:15px;
  border-radius:10px;
  transition:background .2s ease, transform .15s ease;
}
.news-readmore:hover{ background:#08406d; color:#fff; transform:translateY(-1px); text-decoration: none;}
.news-readmore:focus-visible{ outline:3px solid #0a5898; outline-offset:2px; }
.news-readmore-icon{ transition:transform .2s ease; }
.news-readmore:hover .news-readmore-icon{ transform:translateX(2px); }

/* Paginazione */
.news-pagination{display:flex;justify-content:center;margin-top:32px;}
.news-pagination ul{list-style:none;display:flex;gap:8px;padding:0;margin:0;}
.news-pagination a,.news-pagination span{
  display:inline-block;padding:10px 14px;border-radius:999px;text-decoration:none;
  background:#f1f1f1;color:#111;border:1px solid rgba(0,0,0,.06);
}
.news-pagination .active a,.news-pagination .active span{background:#111;color:#fff;}

/* Responsive: su mobile torna a colonna */
@media (max-width: 768px){
  .news-row{ grid-template-columns:1fr; }
}

/* Se il vecchio markup appare ancora, nascondilo (fallback) */
.news-list figure.left.item-image,
.news-list .item-content{ display:none !important; }


/*ARTICOLO*/
.article{max-width:1000px;margin:0 auto;padding:0px;}
.article-header{margin-bottom:0px;}
.article-spacer {
  margin: 60px 0; /* o padding, o entrambi */
}
.badge{
  display:inline-block; font-size:12px; letter-spacing:.04em; text-transform:uppercase;
  background:#111; color:#fff; padding:6px 10px; border-radius:999px; text-decoration:none;
}
.article-title{
  margin:.3rem 0 .4rem;
  font-size:clamp(30px,3.2vw,42px);
  line-height:1.2;
  color:#0a5898;
}
.article-meta{font-size:13px;color:#777;display:flex;gap:.8rem;align-items:center;}

/* Immagine estesa: più piccola e allineata a destra, sotto al titolo */
.article-hero{
  width:min(420px, 45%);
  margin:15px 0;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 8px 20px rgba(0,0,0,.07);
}
.article-hero img{display:block;width:100%;height:auto;object-fit:cover;}

/* Testo paragrafo leggermente più grande */
.article-content{font-size:1.0625rem; line-height:1.75; color:#222;}
.article-content p{margin:0 0 1rem; font-size: calc(1rem + 0.3vw);}

/* Pulizia float alla fine dell'articolo */
.article-footer, .article-content:after{
  content:""; display:block; clear:both;
}

/* Footer */
.share{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-top:10px;}
.share a{
  display:inline-block;padding:8px 12px;border-radius:999px;text-decoration:none;
  background:#f1f1f1;color:#111;border:1px solid rgba(0,0,0,.06);
}
.share a:hover{background:#111;color:#fff;}

/* Correlati */
.related{margin-top:40px;}
.related h2{font-size:clamp(22px,2.4vw,28px);margin:0 0 14px;}
.related .grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));}

/* Responsive */
@media (max-width: 768px){
  .article-hero{
    float:none;
    width:100%;
    margin:8px 0 16px;
  }
}