
.hero-overlay {
    background-color: rgba(5, 5, 5, 0.85); /* Darker overlay */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

/* Remove the !important override to allow button text to be white */
.btn-gold {
    /* The color will be inherited from the .btn-gold class definition in the main html file, which is white */
}

/* Add a subtle text shadow to the main hero text for better readability */
.hero-text-shadow {
    text-shadow: 0 2px 15px rgba(0,0,0,0.5);
}
