/**
 * Slider Override Styles
 * Removes all overlays from hero slider
 */

/* Remove any overlay or gradient backgrounds */
.hero-slider::before,
.hero-slider::after,
.slider-item::before,
.slider-item::after {
    display: none !important;
    background: none !important;
    content: none !important;
}

/* Ensure slider background image is fully visible */
.slider-background {
    opacity: 1 !important;
    filter: none !important;
    z-index: 1;
}

/* Remove any gradient or color overlay from slider container */
.hero-slider {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Remove any background overlay from slider items */
.slider-item {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Remove background from slider content - only show text and buttons */
.slider-content {
    background: none !important;
    padding: 0;
    border-radius: 0;
    backdrop-filter: none;
    z-index: 2;
    position: relative;
}

/* Make text readable with strong text shadow */
.slider-content h1 {
    color: white !important;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8),
                 -1px -1px 2px rgba(0, 0, 0, 0.8),
                 1px -1px 2px rgba(0, 0, 0, 0.8),
                 -1px 1px 2px rgba(0, 0, 0, 0.8),
                 1px 1px 2px rgba(0, 0, 0, 0.8);
    font-weight: 800;
}

.slider-content p {
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9),
                 -1px -1px 2px rgba(0, 0, 0, 0.9);
}

/* Style buttons for better visibility with their own background */
.slider-content .btn {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.slider-content .btn-primary {
    background: #10b981 !important;
    border: 2px solid #10b981 !important;
}

.slider-content .btn-primary:hover {
    background: #059669 !important;
    border-color: #059669 !important;
}

.slider-content .btn-secondary {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #0891b2 !important;
    border: 2px solid white !important;
}

.slider-content .btn-secondary:hover {
    background: rgba(255, 255, 255, 0.85) !important;
}