/* Override minimi per la versione statica (senza theme.js Shopify) */

/* Su Shopify questi stati erano gestiti da theme.js; qui sono sempre visibili */
.page-container {
  display: block !important;
}

.transition-body {
  opacity: 1 !important;
}

/*
 * theme.css nasconde [class*=appear-delay] quando data-animate_images=true,
 * aspettando la libreria AOS in vendor-v6.js (non inclusa nel sito statico).
 * La foto Carrie (.nl-card-wrap.appear-delay) restava quindi invisibile.
 */
body[data-animate_images="true"] [class*="appear-delay"] {
  opacity: 1 !important;
  transform: none !important;
}

/*
 * I titoli principali (h2.to-title / h2.iad-header-title / h2.sw-title)
 * avevano font-weight: 0, valore non valido: il browser lo ignora e
 * l'h2 resta bold del user-agent. I titoli delle card figlie (.bento-content h2)
 * non sono toccati.
 */
h2.to-title,
h2.iad-header-title,
h2.sw-title {
  font-weight: 400 !important;
}

/* Messaggio di stato del form newsletter (successo/errore) */
.nl-form-status {
  display: none;
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  color: #333333;
}

.nl-form-thanks {
  display: none;
  margin: 0;
  width: 100%;
  text-align: center;
  font-family: 'PPNeueMontrealTitoli', 'PPNeueMontreal', sans-serif;
  font-weight: 400;
  font-size: clamp(16px, 2.2vw, 22px);
  letter-spacing: 0.02em;
  line-height: 1.3;
  color: #00ff55;
  text-decoration: underline;
  text-underline-offset: 0.18em;
  text-decoration-thickness: 2px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.22);
  padding: 12px 20px;
  opacity: 0;
  filter: blur(10px);
}

.nl-form.is-success .nl-form-thanks {
  display: block;
  animation: nlThanksReveal 0.9s ease forwards;
}

@keyframes nlThanksReveal {
  from {
    opacity: 0;
    filter: blur(10px);
  }
  to {
    opacity: 1;
    filter: blur(0);
  }
}

.nl-form-status.is-visible {
  display: block;
}

.nl-form-status.is-error {
  color: #b00020;
}