/* MiuF Interactive — design tokens condivisi dalle mini-app. */
.miuf-interactive-app {
  --miuf-color-coral: #F37262;
  --miuf-color-ink: #262328;
  --miuf-color-white: #ffffff;
  --miuf-color-cream: #FFF8F1;
  --miuf-color-yellow: #F2C86B;
  --miuf-color-lilac: #BAA9E7;
  --miuf-color-green: #0DAB76;
  --miuf-color-blue: #81C3D7;
  --miuf-radius-card: 18px;
  --miuf-focus-ring: 3px solid var(--miuf-color-coral);
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.miuf-interactive-app,
.miuf-interactive-app * { box-sizing: border-box; }
.miuf-interactive-app .miuf-i-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Versione 1.0.2: la guida resta in WordPress ma la sua UI è isolata
   dal CSS del tema. Gli altri moduli possono scegliere altre modalità. */
.miuf-interactive-island[data-miuf-app="guida-comune"] {
  display: block !important;
  position: relative;
  isolation: isolate;
  background: #fff;
  color: #262328;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  overflow: visible;
}
/* Sfondo bianco a tutta larghezza anche quando Neve usa una pagina
   stretta o un fondo scuro intorno alla colonna del contenuto. */
.miuf-interactive-island[data-miuf-app="guida-comune"]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background: #fff;
  pointer-events: none;
  z-index: -1;
}
/* L'effetto cornice non deve dipendere dal colore di fondo del tema. */
body:has(.miuf-interactive-island[data-miuf-app="guida-comune"]) {
  background-color: #fff;
}

/* Superfici Neve: evita fasce scure ai lati dell'applicazione. Limitato
   alla pagina che ospita effettivamente il modulo; header/footer invariati. */
body:has(.miuf-interactive-island[data-miuf-app="guida-comune"]) .nv-content-wrap,
body:has(.miuf-interactive-island[data-miuf-app="guida-comune"]) .nv-single-page-wrap,
body:has(.miuf-interactive-island[data-miuf-app="guida-comune"]) .single-page-container {
  background-color: #fff;
}