/* =====================================================================
   HOME › RECENSIONI + BOX PROMEMORIA SMS — testata, widget recensioni Google (Trustindex), box informativo SMS.
   (Badge Google e box SMS: tolti dalla Home dal cliente il 2026-10-14; regole tenute per un eventuale riuso.)
   Stelle in giallo #F59E0B: unica eccezione ammessa alla palette blu (DESIGN.md › Do's and Don'ts).
   ===================================================================== */
.wp-block-group.mm-section.mm-recensioni { display: flex; flex-direction: column; gap: 32px; }
.wp-block-group.mm-section.mm-recensioni > * { margin: 0; }
.mm-recensioni > .wp-block-group.mm-head { gap: 24px; margin: 0; }
@media (min-width: 768px) { .mm-recensioni > .wp-block-group.mm-head { align-items: center; } }

/* --- Stelle: un'unica icona ripetuta (riquadro = stella + spazio, i margini negativi tolgono lo spazio ai lati) --- */
.mm-gbadge::before {
  content: "";
  flex: none;
  background-color: #F59E0B;
  -webkit-mask: var(--mm-ico-star) left center / var(--mm-star-step) var(--mm-star) repeat-x;
  mask: var(--mm-ico-star) left center / var(--mm-star-step) var(--mm-star) repeat-x;
}

/* --- Badge Google: stelle | divisore | 4.9 su Google Reviews --- */
.mm-head > .mm-gbadge {
  --mm-star: 20px;
  --mm-star-step: 26px; /* 20 + spazio 6 */
  display: flex;
  align-items: baseline;
  gap: 6px;
  width: fit-content;
  padding: 14px 24px;
  border-radius: 9999px;
  background-color: var(--wp--preset--color--surface);
  box-shadow: 0 4px 16px rgba(6, 51, 107, .06);
  color: var(--wp--preset--color--on-surface-variant);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  white-space: nowrap;
}
.mm-gbadge::before { order: -2; align-self: center; width: 130px; height: 20px; margin: 0 7px 0 -3px; }
.mm-gbadge::after {
  content: "";
  order: -1;
  align-self: center;
  width: 1px;
  height: 20px;
  margin-right: 10px;
  background-color: var(--wp--preset--color--outline);
}
.mm-gbadge strong {
  color: var(--wp--preset--color--on-surface);
  font-family: var(--wp--preset--font-family--plus-jakarta-sans);
  font-size: var(--wp--preset--font-size--headline-sm);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.01em;
}

/* --- Recensioni Google: widget Trustindex (shortcode nel gruppo mm-recensioni__grid).
   Nessuna griglia qui: il widget deve avere tutta la larghezza, perche' calcola quante recensioni
   mostrare in base allo spazio (con 1/3 di riga ne mostrava una sola). Layout del gruppo = quello scelto nell'editor. --- */

/* --- Box promemoria SMS: icona in riquadro bianco (mm-tile) a sinistra, in alto su mobile --- */
.wp-block-group.mm-sms {
  --mm-tile-bg: var(--wp--preset--color--surface);
  --mm-tile-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  --mm-tile-inset: 24px auto auto calc(50% - 28px);
  --mm-ico-color: var(--wp--preset--color--primary-bright);
  padding: 100px 24px 24px; /* 24 + riquadro 56 + 20 */
  border-radius: 24px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.wp-block-group.mm-sms > *,
.wp-block-group.mm-sms__content > *,
.wp-block-group.mm-sms__info > *,
.wp-block-group.mm-sms__head > * { margin: 0; }
.wp-block-group.mm-sms__content { display: flex; flex-direction: column; gap: 16px; }
.wp-block-group.mm-sms__head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 4px; }
.mm-sms__title {
  color: var(--wp--preset--color--primary);
  font-family: var(--wp--preset--font-family--plus-jakarta-sans);
  font-size: var(--wp--preset--font-size--title);
  font-weight: 700;
  line-height: 1.35;
}
.mm-sms__chip {
  padding: 2px 8px;
  border-radius: 9999px;
  background-color: var(--wp--preset--color--surface);
  color: var(--wp--preset--color--primary-bright);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}
.mm-sms__text { max-width: 672px; color: var(--wp--preset--color--on-surface-variant); font-size: var(--wp--preset--font-size--body-sm); line-height: 1.55; }
.mm-sms__text strong { color: var(--wp--preset--color--on-surface); font-weight: 600; }
.mm-sms__content > .wp-block-buttons { flex: none; }
.wp-block-button.mm-sms__btn { --mm-ico-size: 16px; }
.wp-block-button.mm-sms__btn > .wp-block-button__link {
  padding: 10px 20px;
  background-color: var(--wp--preset--color--surface);
  color: var(--wp--preset--color--primary);
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.wp-block-button.mm-sms__btn > .wp-block-button__link:hover,
.wp-block-button.mm-sms__btn > .wp-block-button__link:focus-visible {
  background-color: var(--wp--preset--color--background);
  color: var(--wp--preset--color--primary);
}

@media (min-width: 768px) {
  .wp-block-group.mm-sms { --mm-tile-inset: calc(50% - 28px) auto auto 32px; padding: 32px 32px 32px 108px; } /* 32 + 56 + 20 */
  .wp-block-group.mm-sms__content { flex-direction: row; align-items: center; justify-content: space-between; }
}