/* =====================================================================
   NEWS — pagina articoli (templates/home.html), archivi di categoria e tag (archive.html), card articolo
   (usate anche in fondo al dettaglio). Misure dalla schermata Stitch "News" a 1280px.
   Bottoni e chip a pillola come da DESIGN.md (in Stitch alcuni bottoni avevano angoli 12px).
   Vedi design/DESIGN.md › Components › News.
   ===================================================================== */

/* --- Breadcrumb (blocco nativo Breadcrumbs): casa davanti a "Home", chevron come separatore --- */
.wp-block-breadcrumbs.mm-breadcrumbs {
  color: var(--wp--preset--color--on-surface-variant);
  font-size: var(--wp--preset--font-size--body-sm);
  line-height: 20px;
}
.mm-breadcrumbs ol { gap: 8px; }
.mm-breadcrumbs li { gap: 8px; min-width: 0; }
.mm-breadcrumbs li:not(:last-child)::after {
  content: "";
  width: 16px;
  height: 16px;
  margin: 0;
  opacity: .5;
  background-color: currentColor;
  -webkit-mask: var(--mm-ico-chevron) center / contain no-repeat;
  mask: var(--mm-ico-chevron) center / contain no-repeat;
  transform: rotate(-90deg);
}
.mm-breadcrumbs a { display: inline-flex; align-items: center; gap: 6px; color: inherit; text-decoration: none; transition: color .2s; }
.mm-breadcrumbs a:hover { color: var(--wp--preset--color--primary); }
.mm-breadcrumbs li:first-child a::before {
  content: "";
  width: 18px;
  height: 18px;
  background-color: currentColor;
  -webkit-mask: var(--mm-ico-home) center / contain no-repeat;
  mask: var(--mm-ico-home) center / contain no-repeat;
}
.mm-breadcrumbs [aria-current] {
  overflow: hidden;
  color: var(--wp--preset--color--primary);
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* --- Testata News / archivi: 32px sopra (24 di Stitch + 8 di stacco dall'header), titolo fino a 840px --- */
.wp-block-group.mm-section.mm-news-intro { padding-top: 32px; }
.wp-block-group.mm-news-intro > .mm-breadcrumbs { margin-bottom: 24px; }
.mm-news-intro > .mm-eyebrow--chip { margin-bottom: 16px; padding: 6px 14px; }
.mm-news-intro > .mm-eyebrow--chip::before { width: 8px; height: 8px; }
.wp-block-group.mm-news-intro > .mm-intro__title { max-width: 840px; font-weight: 700; line-height: 1.1; letter-spacing: -.025em; }
.wp-block-group.mm-news-intro > .mm-news-filter { max-width: none; margin-top: 40px; }

/* --- Filtri a pillola: "Tutti gli articoli" + categorie (blocco Categorie). Su schermi stretti scorrono in orizzontale --- */
.wp-block-group.mm-news-filter {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 8px;
  scrollbar-width: none;
}
.wp-block-group.mm-news-filter > * { margin: 0; }
.mm-chips { display: flex; gap: 10px; margin: 0; padding: 0; list-style: none; }
.mm-chip a,
.mm-chips a {
  display: block;
  padding: 10px 20px;
  border-radius: 9999px;
  background-color: var(--wp--preset--color--surface);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  color: var(--wp--preset--color--on-surface-variant);
  font-family: var(--wp--preset--font-family--inter);
  font-size: var(--wp--preset--font-size--body-sm);
  line-height: 1.55;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color .2s, color .2s;
}
.mm-chip a:hover,
.mm-chips a:hover { background-color: var(--wp--preset--color--surface-blue); color: var(--wp--preset--color--primary); }
/* attiva: "Tutti" nella pagina News, la categoria corrente nel suo archivio */
.mm-chip--active a,
.mm-chips .current-cat a,
.mm-chip--active a:hover,
.mm-chips .current-cat a:hover { background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--surface); }

/* --- Articolo in evidenza (il piu' recente): foto 7 colonne + testo 5 colonne --- */
.wp-block-group.mm-section.mm-news-featured { padding-block: 0 56px; }
.mm-featured-list { margin: 0; padding: 0; list-style: none; }
.wp-block-group.mm-featured {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 4px 24px rgba(6, 51, 107, .06);
  transition: box-shadow .3s;
}
.wp-block-group.mm-featured > * { margin: 0; }
.wp-block-group.mm-featured:hover { box-shadow: 0 16px 36px rgba(6, 51, 107, .1); }
.wp-block-group.mm-featured__media { position: relative; min-height: 300px; overflow: hidden; background-color: var(--wp--preset--color--primary-deep); }
.mm-featured__img { position: absolute; inset: 0; margin: 0; }
.mm-featured__img a,
.mm-featured__img img { display: block; width: 100%; height: 100%; }
.mm-featured__img img { object-fit: cover; transition: transform .7s var(--mm-ease, ease); }
.mm-featured:hover .mm-featured__img img { transform: scale(1.05); }

.wp-block-group.mm-featured__body { position: relative; display: flex; flex-direction: column; padding: 24px; }
.wp-block-group.mm-featured__body > * { margin: 0; }
/* fulmine decorativo in basso a destra, come in Stitch */
.wp-block-group.mm-featured__body::after {
  content: "";
  position: absolute;
  right: 40px;
  bottom: 52px;
  width: 28px;
  height: 28px;
  background-color: #c2c6d3; /* outline-variant di Stitch: solo decorativo */
  -webkit-mask: var(--mm-ico-bolt) center / contain no-repeat;
  mask: var(--mm-ico-bolt) center / contain no-repeat;
}
.wp-block-group.mm-featured__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 16px; }
.wp-block-group.mm-featured__meta > * { margin: 0; }
.mm-badge,
.mm-featured__cat a {
  display: block;
  padding: 4px 12px;
  border-radius: 9999px;
  font-family: var(--wp--preset--font-family--plus-jakarta-sans);
  font-size: var(--wp--preset--font-size--label-caps);
  font-weight: 600;
  line-height: 16px;
  letter-spacing: .12em;
  text-transform: uppercase;
  text-decoration: none;
}
.mm-badge { background-color: var(--wp--preset--color--primary); box-shadow: 0 1px 2px rgba(0, 0, 0, .05); color: var(--wp--preset--color--surface); }
.mm-featured__cat a { background-color: var(--wp--preset--color--surface-blue); color: var(--wp--preset--color--primary); }
/* tempo di lettura allineato a destra (va a capo da solo se la riga e' piena, come in Stitch) */
.mm-featured__meta > .mm-featured__time { margin-left: auto; color: var(--wp--preset--color--on-surface-variant); font-size: var(--wp--preset--font-size--body-sm); line-height: 1.55; }
.mm-featured__time::before { --mm-ico-size: 16px; background-color: var(--wp--preset--color--primary-bright); }
.mm-featured__time::after { content: "di lettura"; margin-left: -2px; } /* il gap di 6px fa da spazio */
.mm-featured__date { margin-bottom: 8px; }
.mm-featured__body > .mm-featured__title { margin-bottom: 16px; line-height: 1.25; letter-spacing: -.01em; }
.mm-featured__title a,
.mm-news-card__title a { color: inherit; text-decoration: none; transition: color .2s; }
.mm-featured:hover .mm-featured__title a,
.mm-news-card:hover .mm-news-card__title a { color: var(--wp--preset--color--primary-bright); }
.mm-featured__excerpt p { display: -webkit-box; margin: 0; overflow: hidden; line-height: 1.625; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
/* bottone in fondo alla card; almeno 48px sopra (24 sotto l'estratto + 24 sopra il bottone, come in Stitch) */
.wp-block-group.mm-featured__body > .mm-featured__excerpt { margin-bottom: 48px; }
.mm-featured__body > .mm-readmore--button { align-self: flex-start; margin-top: auto; }

@media (min-width: 640px) {
  .wp-block-group.mm-featured__body { padding: 32px; }
}
@media (min-width: 1024px) {
  .wp-block-group.mm-featured { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); min-height: 460px; }
  .wp-block-group.mm-featured__body { padding: 40px; }
}
@media (max-width: 639px) {
  .wp-block-group.mm-featured__body::after { display: none; }
  .mm-featured__meta > .mm-featured__time { margin-left: 0; }
}

/* --- Bottone "Leggi l'articolo completo" (blocco Leggi tutto) e link "Leggi articolo ->" --- */
.wp-block-read-more.mm-readmore {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--inter);
  font-size: var(--wp--preset--font-size--body-sm);
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
}
.wp-block-read-more.mm-readmore::after {
  content: "";
  flex: none;
  width: 18px;
  height: 18px;
  background-color: currentColor;
  -webkit-mask: var(--mm-ico-arrow) center / contain no-repeat;
  mask: var(--mm-ico-arrow) center / contain no-repeat;
  transition: transform .2s var(--mm-ease, ease);
}
.mm-news-card:hover .mm-readmore,
.wp-block-read-more.mm-readmore:hover { color: var(--wp--preset--color--primary-bright); }
.mm-news-card:hover .mm-readmore::after,
.mm-featured:hover .mm-readmore::after { transform: translateX(4px); }
.wp-block-read-more.mm-readmore--button {
  gap: 8px;
  padding: 14px 24px;
  border-radius: 9999px;
  background-color: var(--wp--preset--color--primary);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  color: var(--wp--preset--color--surface);
  font-size: var(--wp--preset--font-size--body-md);
}
.wp-block-read-more.mm-readmore--button::after { width: 20px; height: 20px; }
.wp-block-read-more.mm-readmore--button:hover,
.wp-block-read-more.mm-readmore--button:focus-visible { background-color: var(--wp--preset--color--primary-deep); color: var(--wp--preset--color--surface); }

/* --- Griglia "Ultimi approfondimenti": 1 / 2 / 3 colonne, gap 24px; 128px sotto (mm-section--interna) --- */
.wp-block-group.mm-news-list__head { margin-bottom: 32px; }
.wp-block-group.mm-news-list__head > * { margin: 0; }
.mm-news-list__head > .mm-news-list__title { line-height: 1.25; letter-spacing: -.01em; }
.mm-news-list__head > .mm-news-list__text { margin-top: 4px; }

.wp-block-post-template.mm-news-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wp-block-post-template.mm-news-grid > li { display: flex; margin: 0; }
@media (min-width: 768px) { .wp-block-post-template.mm-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .wp-block-post-template.mm-news-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* --- Card articolo: foto 224px con categoria flottante; tutta la card porta all'articolo --- */
.wp-block-group.mm-news-card {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 4px 20px rgba(6, 51, 107, .04);
  transition: box-shadow .3s;
}
.wp-block-group.mm-news-card > * { margin: 0; }
.wp-block-group.mm-news-card:hover { box-shadow: 0 12px 32px rgba(6, 51, 107, .08); }
.mm-news-card__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; } /* link su tutta la card */

.wp-block-group.mm-news-card__media { position: relative; height: 224px; overflow: hidden; background-color: var(--wp--preset--color--surface-blue); }
.mm-news-card__media > * { margin: 0; }
.mm-news-card__img,
.mm-news-card__img a,
.mm-news-card__img img { display: block; width: 100%; height: 100%; margin: 0; }
.mm-news-card__img img { object-fit: cover; transition: transform .5s var(--mm-ease, ease); }
.mm-news-card:hover .mm-news-card__img img { transform: scale(1.05); }
.mm-news-card__media > .mm-news-card__cat {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2; /* sopra il link della card: la categoria resta cliccabile */
  padding: 4px 12px;
  border-radius: 9999px;
  background-color: rgba(255, 255, 255, .9);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  font-family: var(--wp--preset--font-family--plus-jakarta-sans);
  font-size: var(--wp--preset--font-size--label-caps);
  font-weight: 600;
  line-height: 18px;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.mm-news-card__cat a { color: var(--wp--preset--color--primary); text-decoration: none; }

.wp-block-group.mm-news-card__body { display: flex; flex: 1; flex-direction: column; padding: 24px; }
.wp-block-group.mm-news-card__body > * { margin: 0; }
@media (min-width: 640px) { .wp-block-group.mm-news-card__body { padding: 28px; } }
.wp-block-group.mm-news-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.wp-block-group.mm-news-card__meta > * { margin: 0; }
.mm-news-date { color: var(--wp--preset--color--on-surface-variant); font-size: var(--wp--preset--font-size--body-sm); line-height: 1.55; }
.mm-news-card__meta .mm-readtime {
  --mm-ico-size: 15px;
  --mm-ico-gap: 4px;
  color: var(--wp--preset--color--primary-bright);
  font-size: var(--wp--preset--font-size--body-sm);
  font-weight: 500;
  line-height: 1.55;
}
.mm-news-card__body > .mm-news-card__title { margin-bottom: 12px; font-weight: 600; line-height: 1.35; letter-spacing: 0; }
.mm-news-card__excerpt p { display: -webkit-box; margin: 0; overflow: hidden; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.mm-news-card__body > .mm-news-card__excerpt { margin-bottom: 24px; }
.mm-news-card__body > .mm-readmore { align-self: flex-start; margin-top: auto; padding-top: 12px; }

/* --- Paginazione: cerchi da 44px, pagina corrente Blu MM, freccia "successiva" --- */
.wp-block-query-pagination.mm-pagination { gap: 8px; margin-top: 56px; }
.mm-pagination > *,
.mm-pagination .wp-block-query-pagination-numbers { display: flex; gap: 8px; margin: 0; }
.mm-pagination .page-numbers,
.mm-pagination .wp-block-query-pagination-next,
.mm-pagination .wp-block-query-pagination-previous {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--wp--preset--color--surface);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  color: var(--wp--preset--color--on-surface-variant);
  font-family: var(--wp--preset--font-family--inter);
  font-size: var(--wp--preset--font-size--body-sm);
  line-height: 1;
  text-decoration: none;
  transition: background-color .2s, color .2s;
}
.mm-pagination a:hover { background-color: var(--wp--preset--color--surface-blue); color: var(--wp--preset--color--primary); }
.mm-pagination .page-numbers.current { background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--surface); }
.mm-pagination .page-numbers.dots { background: none; box-shadow: none; }
/* frecce: solo l'icona chevron (il testo resta per i lettori di schermo) */
.mm-pagination .wp-block-query-pagination-next,
.mm-pagination .wp-block-query-pagination-previous { font-size: 0; }
.mm-pagination .wp-block-query-pagination-next::before,
.mm-pagination .wp-block-query-pagination-previous::before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: currentColor;
  -webkit-mask: var(--mm-ico-chevron) center / contain no-repeat;
  mask: var(--mm-ico-chevron) center / contain no-repeat;
  transform: rotate(-90deg);
}
.mm-pagination .wp-block-query-pagination-previous::before { transform: rotate(90deg); }
.mm-pagination [class*="-arrow"] { display: none; }

.mm-news-empty { margin: 0; }