/* CSS Isolation Fix - Prevent Dashboard CSS from affecting main website */

/* Scope dashboard-specific styles */
.dashboard-container .bg-black {
    background-color: var(--color-black);
}

/* Ensure main website uses standard Tailwind classes */
body:not(.dashboard-body) .bg-black {
    background-color: #000 !important;
}

body:not(.dashboard-body) .bg-cover {
    background-size: cover !important;
}

body:not(.dashboard-body) .bg-center {
    background-position: center !important;
}

/* Hero slider specific fixes */
.hero-slider-container {
    isolation: isolate;
}

.hero-slider-container * {
    background-color: transparent;
}

.hero-slider-container .splide__slide[style*="background-image"] {
    background-color: transparent !important;
}