/* =============================================================================
   Sezione «Recensioni» — le recensioni vere della scheda Google (Trustindex)
   Markup: template-parts/sections/reviews.php

   Sta in un foglio suo perché la sezione vive in due posti — home e scheda
   prodotto — e la scheda prodotto non carica front-page.css. Richiede
   academy-base.css (token, titoli, bottoni) e un antenato con classe `.mca`.
   ========================================================================== */

.mca-reviews { background: var(--mca-cream); padding: 130px 0; }
.mca-reviews__head { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: end; margin-bottom: 50px; }
.mca-reviews__score { display: flex; gap: 36px; align-items: flex-end; }
.mca-score { text-align: center; }
.mca-score__num { font-size: 58px; font-weight: 700; line-height: 1; }
.mca-score__label { font-size: 12px; color: var(--mca-muted); margin-top: 7px; letter-spacing: .08em; }
.mca-score__label--pushed { margin-top: 13px; }

/* Widget Trustindex (recensioni Google reali) */
.mca-reviews__widget { --ti-widget-font: inherit; }
.mca-reviews__widget .ti-widget { margin: 0 !important; }

.mca-reviews__cta { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 44px; flex-wrap: wrap; }
.mca-reviews__cta span { font-size: 15px; color: var(--mca-body); font-weight: 300; }
.mca-reviews__cta .mca-btn { padding: 16px 28px; gap: 10px; }

/* ── Responsive ───────────────────────────────────────────────────────────── */
@media (max-width: 991.98px) {
    .mca-reviews { padding: 90px 0; }
    .mca-reviews__head { grid-template-columns: 1fr; gap: 28px; align-items: start; }
}

@media (max-width: 767.98px) {
    .mca-reviews__score { gap: 22px; }
    .mca-score__num { font-size: 40px; }
}