/* =====================================================================
   HOME › PROGETTI RECENTI — 3 card: foto con etichetta flottante + testo; tutta la card e' cliccabile.
   Hover: foto zoom 1.05, ombra piu' marcata, titolo Blu MM. Vedi design/DESIGN.md › Components.
   Dal 2026-10-21 nella Home le card sono un Query Loop dei progetti veri (lista <ul> + Immagine in evidenza);
   i selettori del gruppo/immagine statici restano per la "Home page versione 2", che ha ancora le card di Stitch.
   ===================================================================== */
:is(.wp-block-group, .wp-block-post-template).mm-progetti__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
:is(.wp-block-group, .wp-block-post-template).mm-progetti__grid > * { margin: 0; }
.wp-block-post-template.mm-progetti__grid > li { display: flex; } /* la card riempie la cella: stessa altezza nella riga */
.wp-block-post-template.mm-progetti__grid > li > .mm-project { flex: 1; }
@media (min-width: 768px) { :is(.wp-block-group, .wp-block-post-template).mm-progetti__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.wp-block-group.mm-project {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 4px 24px rgba(6, 51, 107, .06);
  transition: box-shadow .3s;
}
.wp-block-group.mm-project > * { margin: 0; }
.wp-block-group.mm-project:hover { box-shadow: 0 16px 36px rgba(6, 51, 107, .12); }

:is(.wp-block-image, .wp-block-post-featured-image).mm-project__img { height: 256px; overflow: hidden; }
:is(.wp-block-image, .wp-block-post-featured-image).mm-project__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.mm-project:hover .mm-project__img img { transform: scale(1.05); }

.mm-project > .mm-project__badge {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 4px 12px;
  border-radius: 9999px;
  background-color: rgba(255, 255, 255, .9);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--wp--preset--color--primary);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
}

.wp-block-group.mm-project__body { padding: 24px; }
.wp-block-group.mm-project__body > * { margin: 0; }
.mm-project__label {
  color: var(--wp--preset--color--primary-bright);
  font-family: var(--wp--preset--font-family--plus-jakarta-sans);
  font-size: 11px;
  font-weight: 600;
  line-height: 24px; /* in Stitch l'etichetta sta in una riga di testo alta 24px */
  letter-spacing: .05em;
  text-transform: uppercase;
}
.mm-project__body > .mm-project__title { margin: 4px 0 8px; font-weight: 700; line-height: 1.35; letter-spacing: 0; transition: color .2s; }
.mm-project__text { line-height: 1.55; }
/* descrizione del progetto (Riassunto, testo intero): 3 righe come nel design, "…" a fine riga */
.mm-project__text .wp-block-post-excerpt__excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
}
.mm-project__title a { color: inherit; text-decoration: none; }
.mm-project:hover .mm-project__title { color: var(--wp--preset--color--primary); }