/* =====================================================================
   DETTAGLI ARGENTO — nati nella prova "stile v2" (90-stile-v2.css), piaciuti al cliente: il 2026-10-21 portati sulla
   Home e poi, su richiesta, su tutte le pagine. Restano gli angoli arrotondati e l'arco "C": cambiano solo i dettagli.
   - profilo in acciaio spazzolato in alto sui box e cornice grigia: solo box "di primo livello" (non quelli dentro
     un'altra card, come gli step del Metodo o le tappe della Cronologia); sulle card con foto in alto, tra foto e testo
   - riquadri icona argento con icona blu (tranne quelli rossi d'emergenza), numeri decorativi in acciaio,
     filetto argento negli eyebrow, filetti della fascia marquee
   - le pillole in testa alle pagine interne (mm-intro) tengono il loro pallino (o il fulmine), come la pillola dell'hero
   Prefisso .wp-site-blocks: tutto il sito, con la stessa specificita' che avevano le regole quando valevano solo in Home.
   ===================================================================== */
:root {
  --mm-silver-line: #D2D8DF;
  /* acciaio spazzolato in orizzontale: profili sui box */
  --mm-metal: linear-gradient(90deg, #8F98A2 0%, #DCE1E6 16%, #F7F8FA 30%, #B3BAC2 50%, #E9ECEF 68%, #98A0AA 86%, #CDD2D8 100%);
  /* versione piu' scura, leggibile su fondo chiaro (linee sottili) */
  --mm-metal-dark: linear-gradient(90deg, #7D8690 0%, #C4CAD1 45%, #8A939D 100%);
  /* riquadri delle icone */
  --mm-metal-tile: linear-gradient(135deg, #F8F9FA 0%, #D3D9DF 40%, #F0F2F4 58%, #B4BCC5 100%);
}

/* --- 1. Box: cornice grigio argento + profilo metallico di 3px in alto (sui box arrotondati segue la curva) ---
   Home: aree, chi siamo, numeri, servizi, metodo, badge hero, progetti · Chi siamo: storia, pilastri, cronologia ·
   Servizi: card, fasi, FAQ · Progetti: riquadro numeri, card · News: in evidenza, card, box laterale dell'articolo ·
   Contatti: modulo, recapiti, avviso, scheda mappa, domande */
.wp-site-blocks :is(.mm-area, .mm-chisiamo__card, .mm-stat, .mm-srv, .mm-metodo__card, .mm-hero__badge, .mm-project,
  .mm-storia__photo, .mm-storia__story, .mm-pilastro, .mm-cronologia__card, .mm-servizio, .mm-fase, .mm-faq__item,
  .mm-progetti-numeri, .mm-progetto-card, .mm-featured, .mm-news-card, .mm-aside-card,
  .mm-contatti__form, .mm-contatti__card, .mm-avviso, .mm-mappa__card, .mm-domanda) {
  outline: 1px solid var(--mm-silver-line);
  outline-offset: -1px;
}
.wp-site-blocks :is(.mm-area, .mm-chisiamo__card, .mm-stat, .mm-srv, .mm-metodo__card, .mm-hero__badge, .mm-project__body,
  .mm-storia__story, .mm-pilastro, .mm-cronologia__card, .mm-servizio, .mm-fase, .mm-faq__item,
  .mm-progetti-numeri, .mm-progetto-card, .mm-featured__body, .mm-news-card__body, .mm-aside-card,
  .mm-contatti__form, .mm-contatti__card, .mm-avviso, .mm-mappa__card, .mm-domanda) {
  background-image: var(--mm-metal);
  background-position: top left;
  background-size: 100% 3px;
  background-repeat: no-repeat;
}
/* card foto della Storia: ha gia' un velo azzurro come fondo → profilo sopra il velo */
.wp-site-blocks .wp-block-group.mm-storia__photo {
  background-image: var(--mm-metal), linear-gradient(to top right, rgba(1, 76, 152, .05), transparent 50%);
  background-position: top left, 0 0;
  background-size: 100% 3px, 100% 100%;
  background-repeat: no-repeat;
}
.wp-site-blocks .mm-stat--dark { outline-color: rgba(255, 255, 255, .18); }
/* card delle recensioni: stessa cornice e stesso profilo (il widget mette background-image: none a (0,4,0)) */
.wp-site-blocks .ti-widget.ti-goog .ti-review-item > .ti-inner {
  outline: 1px solid var(--mm-silver-line);
  outline-offset: -1px;
  background-image: var(--mm-metal);
  background-position: top left;
  background-size: 100% 3px;
  background-repeat: no-repeat;
}

/* Box blu (hero, CTA, CTA di Contatti): stesso profilo metallico, su uno pseudo-elemento perche' il fondo e' un gradiente
   (le card hanno overflow hidden/clip: il profilo viene ritagliato dagli angoli arrotondati) */
.wp-site-blocks .wp-block-group.mm-contatti-cta__card { position: relative; }
.wp-site-blocks :is(.mm-hero__card, .mm-cta__card, .mm-contatti-cta__card)::after {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: 2;
  height: 4px;
  background-image: var(--mm-metal);
  pointer-events: none;
}

/* Hero unico (40-hero.css): profilo su tutta la Copertina con la foto, non sulla card dei testi.
   ::before perche' il core da' all'::after della Copertina min-height: inherit (diventerebbe alto quanto l'hero) */
.wp-site-blocks .wp-block-cover.mm-hero__unico::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  z-index: 3;
  height: 4px;
  background-image: var(--mm-metal);
  pointer-events: none;
}
.wp-site-blocks .mm-hero__unico .wp-block-group.mm-hero__card::after { content: none; }

/* Fascia marquee: due filetti metallici sopra e sotto */
.wp-site-blocks .mm-marquee {
  background-image: var(--mm-metal), var(--mm-metal);
  background-position: top left, bottom left;
  background-size: 100% 2px;
  background-repeat: no-repeat;
}

/* --- 2. Riquadri icona in argento (icona blu, come il logo). Restano come prima: card blu (icona bianca su
   trasparente), domanda urgente (Rosso Emergenza), avatar Instagram (gradiente blu) --- */
.wp-site-blocks .mm-tile:not(.mm-stat--dark, .mm-domanda--urgente, .mm-ig-profilo__account)::before {
  background-image: var(--mm-metal-tile);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .6), 0 1px 2px rgba(11, 27, 46, .12);
}
/* hover di area (Home) e canale di contatto: il riquadro diventa Blu MM con icona bianca, come prima */
.wp-site-blocks :is(.mm-area:hover, .mm-canale.mm-card-link:hover)::before { background-image: none; }
/* "Certificati" (Chi siamo): era un cerchio Blu MM con icona bianca → cerchio argento, icona blu */
.wp-site-blocks .wp-block-group.mm-storia__cert { --mm-ico-color: var(--wp--preset--color--primary); }
/* icona Font Awesome delle card servizio (non e' un mm-tile); la card "Assistenza 24/7" resta rossa */
.wp-site-blocks .mm-servizio > .mm-servizio__icona {
  background-image: var(--mm-metal-tile);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .6), 0 1px 2px rgba(11, 27, 46, .12);
}
.wp-site-blocks .categoria-servizio-assistenza-24-7 .mm-servizio > .mm-servizio__icona { background-image: none; box-shadow: none; }
/* Fisarmonica servizi (Home), voce aperta: il cerchio Ghiaccio della freccia diventa argento
   (cerchio = riquadro argento con gli angoli coperti dal bianco della card; nella v2 resta quadrato, vedi 90-stile-v2.css) */
.wp-site-blocks .mm-srv[open] > summary {
  background:
    radial-gradient(circle 16px at center, transparent 15.5px, var(--wp--preset--color--surface) 16px) right center / 32px 32px no-repeat,
    var(--mm-metal-tile) right center / 32px 32px no-repeat;
}

/* --- 3. Numeri decorativi in acciaio: step del Metodo (Home, 01–04) e fasi di "Come lavoriamo" (Servizi) --- */
.wp-site-blocks :is(.mm-step__num, .mm-fase__num) {
  background-image: linear-gradient(180deg, #CBD1D8 0%, #9AA3AD 55%, #C2C8CF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* --- 4. Eyebrow: filetto argento (come le linee ai lati di "sas" nel logo) al posto del pallino.
   Non nelle pillole in testa alle pagine interne (pallino che pulsa, fulmine dei Progetti) --- */
.wp-site-blocks .mm-eyebrow:not(.mm-intro .mm-eyebrow)::before {
  width: 22px;
  height: 2px;
  border-radius: 1px; /* il 50% del pallino lo renderebbe una lente appuntita */
  background-image: var(--mm-metal-dark);
}
.wp-site-blocks .mm-eyebrow:not(.mm-intro .mm-eyebrow) { gap: 10px; }