/* Force hero/banner section text to stay white in both light and dark modes */

/* Banner section - always white text */
.w3l-banner h1,
.w3l-banner h1.title,
.w3l-banner h4,
.w3l-banner p,
.w3l-banner .title,
.banner-left h1,
.banner-left h4,
.banner-left p {
    color: #ffffff !important;
}

/* Ensure the typed text stays white */
.w3l-banner .type-js,
.w3l-banner .text-js,
.w3l-banner span {
    color: #ffffff !important;
}

/* Light mode override - keep banner text white */
body.light-mode .w3l-banner h1,
body.light-mode .w3l-banner h1.title,
body.light-mode .w3l-banner h4,
body.light-mode .w3l-banner p,
body.light-mode .w3l-banner .title,
body.light-mode .banner-left h1,
body.light-mode .banner-left h4,
body.light-mode .banner-left p,
body.light-mode .w3l-banner .type-js,
body.light-mode .w3l-banner .text-js,
body.light-mode .w3l-banner span {
    color: #ffffff !important;
}

/* Ensure good contractst with background */
.w3l-banner {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}