/* Enable smooth carousel animations with optimizations */
.hero-section .carousel-slide {
    overflow: hidden;
}

.hero-section .carousel-slide img {
    transition: transform 0.3s ease-out; /* Re-enable with optimization */
    transform: scale(1);
}

.hero-section .carousel-slide:hover img {
    transform: scale(1.02); /* Subtle zoom on hover */
}

/* Disable zoom effect for any ancestor containers that might have the img-hover class */
.hero-section .img-hover {
    transition: none !important;
    overflow: hidden;
}

.hero-section .img-hover img,
.hero-section [class*="overflow-hidden"] img {
    transition: none !important;
    transform: none !important;
}

.hero-section .img-hover:hover img,
.hero-section [class*="overflow-hidden"]:hover img {
    transform: none !important;
}

/* Specifically disable dark mode carousel image zoom effects */
[data-theme="dark"] .hero-section .carousel-slide img {
    transition: none !important;
    transform: none !important;
}

[data-theme="dark"] .hero-section .carousel-slide:hover img {
    transform: none !important;
}

[data-theme="dark"] .hero-section .overflow-hidden:hover .w-full.h-full.object-cover {
    transform: none !important;
}

/* Ensure absolute inset-0 works properly */
.hero-section .absolute.inset-0.z-0 {
    overflow: hidden !important;
}