/* =====================================================================
   CTA FINALE — pattern sincronizzato "CTA finale" (usato in fondo a ogni pagina).
   Card Blu Notte 32px, titolo bianco con "Parliamone." in Caveat Cielo sulla stessa riga, orari in Caveat,
   un solo bottone (chiamata), arco "C" che si disegna allo scroll.
   Dalla schermata Stitch "Home" con le modifiche del cliente. Vedi design/DESIGN.md › Components › CTA band.
   ===================================================================== */
/* La CTA chiude la pagina: sotto 48px + 64px di stacco dal footer (mt-3xl del footer nella schermata Home) */
.wp-block-group.mm-section.mm-cta { padding-bottom: 112px; }
.wp-block-group.mm-cta__card {
  position: relative;
  overflow: clip; /* non "hidden": creerebbe un contenitore di scorrimento e l'arco non seguirebbe lo scroll della pagina */
  padding: 32px;
  box-shadow: 0 12px 40px rgba(6, 51, 107, .2);
}
.wp-block-group.mm-cta__card > * { margin: 0; }
.wp-block-group.mm-cta__inner { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 20px; }
.wp-block-group.mm-cta__inner > * { max-width: 700px; margin: 0; }
/* pallino Cielo sopra il titolo */
.wp-block-group.mm-cta__inner::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--wp--preset--color--primary-soft);
}
/* Il titolo puo' superare i 700px: domanda + "Parliamone." restano su una riga da 1024px */
.wp-block-group.mm-cta__inner > .mm-cta__title {
  max-width: none;
  font-size: clamp(34px, calc(28.52px + 1.522vw), 48px);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.02em;
  text-wrap: wrap;
}
.mm-cta__title em {
  color: var(--wp--preset--color--primary-soft);
  font-family: var(--wp--preset--font-family--caveat);
  font-size: 1.2em;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}
.wp-block-group.mm-cta__inner > .mm-cta__hours { margin-top: -4px; line-height: 1.1; }
.mm-cta__inner > .mm-cta__text { line-height: 1.625; }
.mm-cta__inner > .mm-cta__actions { gap: 16px; padding-top: 16px; }
.mm-cta .wp-block-button.is-style-light { --mm-ico-size: 20px; }
.mm-cta .wp-block-button.is-style-light > .wp-block-button__link {
  gap: 10px;
  padding: 16px 32px;
  color: var(--wp--preset--color--primary-deep);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
}
.mm-cta .wp-block-button.is-style-light > .wp-block-button__link:hover,
.mm-cta .wp-block-button.is-style-light > .wp-block-button__link:focus-visible { color: var(--wp--preset--color--primary-deep); }

/* Arco della "C": in basso a destra, ritagliato dalla card */
.wp-block-group.mm-cta__card > .mm-cta__arc {
  position: absolute;
  right: -80px;
  bottom: -80px;
  z-index: 0;
  width: 384px;
  height: 384px;
  color: var(--wp--preset--color--primary-soft);
  opacity: .3;
  pointer-events: none;
  view-timeline: --mm-cta-arc;
}

/* Mobile: bottone a larghezza piena, cosi' "Chiama subito: 350 102 1729" sta su una riga anche a 360px */
@media (max-width: 767px) {
  .wp-block-group.mm-cta__card { padding: 32px 24px; }
  .mm-cta__actions > .wp-block-button { width: 100%; }
  .mm-cta .wp-block-button.is-style-light > .wp-block-button__link { justify-content: center; width: 100%; padding-inline: 8px; white-space: nowrap; }
}
@media (min-width: 768px) { .wp-block-group.mm-cta__card { padding: 64px; } }
@media (min-width: 1024px) { .wp-block-group.mm-cta__inner > .mm-cta__title { font-size: 46px; } }

/* Arco che si disegna mentre la card entra nella vista (DESIGN.md › Motion 3); senza supporto resta intero */
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .mm-cta__arc path {
      stroke-dasharray: 1;
      animation: mm-cta-draw linear both;
      animation-timeline: --mm-cta-arc;
      animation-range: entry 10% entry 100%; /* completo appena l'arco e' tutto in vista: anche in fondo pagina su schermi alti */
    }
  }
}
@keyframes mm-cta-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }