/* Text shadow rules limited to the hero area to improve legibility */

/* Apply a strong, dark shadow only when the container has the class `hero-text-shadow` */
.hero-text-shadow, .hero-text-shadow * {
  text-shadow: 0 2px 8px rgba(0,0,0,0.95), 0 1px 0 rgba(0,0,0,0.6) !important;
}

/* Slightly lighter shadow for small links/buttons inside the hero */
.hero-text-shadow .home-five-button a {
  text-shadow: 0 1px 4px rgba(0,0,0,0.85) !important;
}