/* Service Banner Overlay Enhancement - Higher Specificity */

/* Override existing banner CSS with higher specificity */
section.pageBanner::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(0, 0, 0, 0.7) !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* Ensure banner content is above the overlay */
section.pageBanner .container {
    position: relative !important;
    z-index: 2 !important;
}

section.pageBanner .banner_content {
    position: relative !important;
    z-index: 2 !important;
}

section.pageBanner .pageBannerForm {
    position: relative !important;
    z-index: 2 !important;
}

section.pageBanner .row {
    position: relative !important;
    z-index: 2 !important;
}

/* Enhanced text contrast on overlay */
section.pageBanner .banner_content h1,
section.pageBanner .banner_content h4 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    color: #ffffff !important;
}

section.pageBanner .pageBannerPath a {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
    color: #ffffff !important;
}

section.pageBanner .pageBannerPath span {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8) !important;
    color: #cccccc !important;
}

/* Ensure search form elements are visible */
section.pageBanner .pageBannerForm input {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #333 !important;
    border: 2px solid rgba(255, 255, 255, 0.8) !important;
}

section.pageBanner .pageBannerForm input::placeholder {
    color: #666 !important;
}

section.pageBanner .pageBannerForm button {
    background: #4CAF50 !important;
    color: #ffffff !important;
}