/* Hero background overlay fix for light mode */
/* Adds a subtle black overlay so text is readable while background stays visible */

/* In light mode, add a light black overlay to improve text readability */
:root:not(.dark) [style*="hero-bg-DeXbedDS.jpg"] {
  background-image:
    linear-gradient(to bottom,
      rgba(0, 0, 0, 0.3),
      rgba(0, 0, 0, 0.4)),
    url('/assets/hero-bg-DeXbedDS.jpg') !important;
}