/*
 * WEBISDOM AI — DIWALI THEME
 * Single source of truth for homepage Diwali backgrounds.
 * The generated app CSS is kept separately in main.css.
 */

/* HERO — fixed Diwali artwork and fixed headline visual */
#root section.relative.min-h-screen.flex.items-center.justify-center.overflow-hidden.bg-black {
  background-color: #061a33 !important;
  background-image: url('/assets/images/diwali/hero-bg-custom.png?v=20261104-2') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

/* Keep the particle/overlay layer transparent so it cannot replace the hero artwork */
#root section.relative.min-h-screen.flex.items-center.justify-center.overflow-hidden.bg-black > .absolute.inset-0.z-0.pointer-events-none {
  background-color: transparent !important;
  background-image: none !important;
}

/* PRODUCTS */
#root section.products-section {
  background-color: #f7fbff !important;
  background-image: url('/assets/images/diwali/products-bg.webp?v=20261104') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

/* INDUSTRIES */
#root section.industries-section {
  background-color: #f7fbff !important;
  background-image: url('/assets/images/diwali/industries-bg.webp?v=20261104') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

/* AI AUDIT */
#root section.audit-section {
  background-color: #f7fbff !important;
  background-image: url('/assets/images/diwali/audit-bg.webp?v=20261104') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

/* HOW IT WORKS */
#root section.how-it-works-section {
  background-color: #f7fbff !important;
  background-image: url('/assets/images/diwali/how-it-works-bg.webp?v=20261104') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

/* FEATURES */
#root section.features-section {
  background-color: #f7fbff !important;
  background-image: url('/assets/images/diwali/features-bg.webp?v=20261104') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

/* NEWSLETTER — same class in normal and success states */
#root section.newsletter-section {
  background-color: #f7fbff !important;
  background-image: url('/assets/images/diwali/newsletter-bg.webp?v=20261104') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

/* FOOTER */
#root footer.footer-section {
  background-color: #061a33 !important;
  background-image: url('/assets/images/diwali/footer-bg.webp?v=20261104') !important;
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  position: relative !important;
  isolation: isolate;
}

#root footer.footer-section > * {
  position: relative;
  z-index: 1;
}

/* Mobile/tablet framing only — no image reassignment */
@media (max-width: 768px) {
  #root section.relative.min-h-screen.flex.items-center.justify-center.overflow-hidden.bg-black,
  #root section.products-section,
  #root section.industries-section,
  #root section.audit-section,
  #root section.how-it-works-section,
  #root section.features-section,
  #root section.newsletter-section,
  #root footer.footer-section {
    background-position: center center !important;
    background-size: cover !important;
    background-attachment: scroll !important;
  }
}


/* FOOTER DIWALI BACKGROUND FIX */
#root footer {
    background-image:
        linear-gradient(
            rgba(3, 15, 30, 0.25),
            rgba(3, 15, 30, 0.45)
        ),
        url('/assets/images/diwali/footer-bg.webp?v=20261104-5') !important;

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-color: #061a33 !important;
}