/* =========================================================
   0) TOKENS
   ========================================================= */

:root {
  --faber-sticky-bg: rgba(255, 255, 255, 0.96);
  --faber-sticky-border: rgba(0, 0, 0, 0.08);
  --faber-sticky-shadow: 0 -8px 24px rgba(0, 0, 0, 0.04);
  --faber-sticky-btn-bg: #115740;
  --faber-sticky-btn-text: #ffffff;

  /* Fasce di sicurezza per widget flottanti */
  --faber-sticky-safe-right-tablet: 72px;
  --faber-sticky-safe-left-mobile: 52px;
  --faber-sticky-safe-right-mobile: 76px;

  /* Sistema tipografico PDP */
  --faber-text-heading: #1f241f;
  --faber-text-body: #1f1f1f;
  --faber-text-body-soft: #2b2f2b;
  --faber-text-muted: #5c645c;
  --faber-text-meta: #6f756c;
  --faber-text-accent: #8a7756;

  --faber-border-soft: rgba(31, 36, 31, 0.10);
  --faber-border-softer: rgba(31, 36, 31, 0.07);

  --faber-note-bg: #fafaf7;
  --faber-note-border: rgba(17, 87, 64, 0.10);

  --faber-surface-soft: #fafaf7;
  --faber-shadow-image: 0 14px 28px rgba(20, 24, 20, 0.05);
}


/* =========================================================
   FABER — TRIGGER NEWSLETTER SEMPRE NASCOSTO
   Mantiene invisibile il link tecnico che apre il popup,
   anche quando il CSS del modal non viene caricato.
   ========================================================= */

.fo-newsletter-trigger,
.fo-newsletter-trigger .fusion-button-wrapper,
.fo-newsletter-trigger .fusion-button,
.fo-newsletter-trigger a,
.fo-newsletter-trigger button {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  min-width: 1px !important;
  min-height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.fusion-builder-column.fo-newsletter-trigger,
.fusion-layout-column.fo-newsletter-trigger,
.fo-newsletter-trigger .fusion-column-wrapper,
.fo-newsletter-trigger .fusion-builder-column-inner,
.fo-newsletter-trigger .fusion-builder-column-inner-bg-wrapper {
  min-height: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}