/*
 * Autoport - Car Image Background Slideshow
 * Shows car images one after another with crossfade
 * Removed scale transforms to keep text/buttons stable
 */

/* ===== HERO BACKGROUND SLIDESHOW ===== */
.hero-bg-slideshow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    overflow: hidden;
}

.hero-bg-slideshow .slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    animation: crossfade 40s ease-in-out infinite;
}

.hero-bg-slideshow .slide::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        to bottom,
        rgba(11, 11, 11, 0.7) 0%,
        rgba(11, 11, 11, 0.4) 40%,
        rgba(11, 11, 11, 0.6) 70%,
        rgba(11, 11, 11, 0.9) 100%
    );
}

/* 8 slides: each gets 5s display time in a 40s cycle */
.hero-bg-slideshow .slide:nth-child(1) { animation-delay: 0s; }
.hero-bg-slideshow .slide:nth-child(2) { animation-delay: 5s; }
.hero-bg-slideshow .slide:nth-child(3) { animation-delay: 10s; }
.hero-bg-slideshow .slide:nth-child(4) { animation-delay: 15s; }
.hero-bg-slideshow .slide:nth-child(5) { animation-delay: 20s; }
.hero-bg-slideshow .slide:nth-child(6) { animation-delay: 25s; }
.hero-bg-slideshow .slide:nth-child(7) { animation-delay: 30s; }
.hero-bg-slideshow .slide:nth-child(8) { animation-delay: 35s; }

/* Pure opacity crossfade — no scale/zoom to keep text & buttons stable */
@keyframes crossfade {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    10% {
        opacity: 1;
    }
    12.5% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}