/**
 * SyteHero — Avada/Fusion theme-specific selectors.
 * Loaded only when the Avada theme is active.
 */

/* Theme-qualified text hosts (FOUC-hide). */
.fusion-text.sytehero-hero-text-area-1,
.fusion-text[class*="hero-hero-text-area-1-"],
.fusion-text.sytehero-hero-text-area-2,
.fusion-text[class*="hero-hero-text-area-2-"] {
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--sytehero-transition-base, 150ms ease);
}

/* CTA button text glow. */
.sytehero-hero-cta .fusion-button-text {
  text-shadow: 0 0 8px var(--sytehero-glow-cta, var(--glow, transparent)), 0 0 16px var(--sytehero-glow-cta, var(--glow, transparent));
}
[class*="hero-hero-cta-"] .fusion-button-text {
  text-shadow: 0 0 8px var(--sytehero-glow-cta, var(--glow, transparent)), 0 0 16px var(--sytehero-glow-cta, var(--glow, transparent));
}

/* Text area glow. */
.fusion-text.sytehero-hero-text-area-1 {
  text-shadow: 0 0 10px var(--sytehero-glow-text-1, transparent), 0 0 20px var(--sytehero-glow-text-1, transparent);
}
.fusion-text[class*="hero-hero-text-area-1-"] {
  text-shadow: 0 0 10px var(--sytehero-glow-text-1, transparent), 0 0 20px var(--sytehero-glow-text-1, transparent);
}
.fusion-text.sytehero-hero-text-area-2 {
  text-shadow: 0 0 10px var(--sytehero-glow-text-2, transparent), 0 0 20px var(--sytehero-glow-text-2, transparent);
}
.fusion-text[class*="hero-hero-text-area-2-"] {
  text-shadow: 0 0 10px var(--sytehero-glow-text-2, transparent), 0 0 20px var(--sytehero-glow-text-2, transparent);
}

/* Per-view margin-top overrides.
   Updated 2026-04-19: Floor at 5px so configured margins never collapse the
   baseline gap between text areas. */
.fusion-text.sytehero-hero-text-area-1.sytehero-margin-top--on,
.fusion-text[class*="hero-hero-text-area-1-"].sytehero-margin-top--on,
.fusion-text.sytehero-hero-text-area-2.sytehero-margin-top--on,
.fusion-text[class*="hero-hero-text-area-2-"].sytehero-margin-top--on {
  margin-top: max(5px, var(--sytehero-margin-top, 0px)) !important;
}

/* Prevent generic .no-styles links from inheriting dark colors
   outside SyteHero hero wrappers (e.g., Avada icon/footer blocks). */
.fusion-column-wrapper:not([data-sytehero-hero-wrapper="1"]) .fusion-text a.no-styles {
  color: var(--awb-text-color, inherit) !important;
}