/**
 * Slideshow Compact - Mode Auto Contenu
 * Réduit la hauteur de 50%, logo à côté du badge, réduit textes et boutons
 */

/* Réduction de la hauteur du slideshow */
.hero-slideshow {
    height: 35vh !important;
    min-height: 220px !important;
    max-height: 300px !important;
}

/* Contenu centré */
.slide-content {
    padding: 1rem !important;
    padding-bottom: 50px !important;
}

/* Masquer le logo */
.slide-logo {
    display: none !important;
}

/* Badge EN DIRECT */
.hero-badge {
    padding: 0.3rem 1rem !important;
    margin-bottom: 0.8rem !important;
}

.live-dot {
    width: 8px !important;
    height: 8px !important;
}

.live-text {
    font-size: 0.7rem !important;
    letter-spacing: 1.5px !important;
}

/* Titre */
.slide-title {
    grid-row: 2 !important;
    font-size: clamp(1.5rem, 5vw, 2.5rem) !important;
    letter-spacing: 2px !important;
    margin-bottom: 0.3rem !important;
}

/* Texte descriptif */
.slide-text {
    grid-row: 3 !important;
    font-size: clamp(0.8rem, 1.8vw, 1rem) !important;
    margin-bottom: 0.8rem !important;
    max-width: 500px !important;
    line-height: 1.4 !important;
}

/* Boutons */
.slide-actions {
    grid-row: 4 !important;
    gap: 0.8rem !important;
}

.btn-hero-play {
    padding: 0.6rem 1.2rem !important;
    font-size: 0.85rem !important;
    gap: 0.5rem !important;
}

.btn-icon {
    width: 28px !important;
    height: 28px !important;
}

.btn-icon svg {
    width: 14px !important;
    height: 14px !important;
}

.btn-hero-outline {
    padding: 0.6rem 1.2rem !important;
    font-size: 0.85rem !important;
    gap: 0.4rem !important;
}

.btn-hero-outline svg {
    width: 16px !important;
    height: 16px !important;
}

/* Navigation */
.nav-arrow {
    width: 36px !important;
    height: 36px !important;
}

.nav-arrow svg {
    width: 18px !important;
    height: 18px !important;
}

.nav-dots {
    bottom: 10px !important;
    gap: 8px !important;
}

.nav-dot {
    width: 30px !important;
    height: 4px !important;
}

/* Masquer l'indicateur de scroll */
.scroll-indicator {
    display: none !important;
}

/* Réduire les particules et effets */
.particle {
    width: 6px !important;
    height: 6px !important;
}

.particle:nth-child(2n) {
    display: none !important;
}

.orb-1 {
    width: 150px !important;
    height: 150px !important;
}

.orb-2 {
    width: 120px !important;
    height: 120px !important;
}

.orb-3 {
    width: 100px !important;
    height: 100px !important;
}

/* Responsive mobile */
@media (max-width: 768px) {
    .hero-slideshow {
        min-height: 180px !important;
        max-height: 250px !important;
    }

    .slide-logo {
        max-width: 30px !important;
        max-height: 28px !important;
        transform: translateX(40px) !important;
    }

    .hero-badge {
        padding-left: 40px !important;
    }

    .slide-title {
        font-size: clamp(1.2rem, 4vw, 1.8rem) !important;
    }

    .slide-text {
        font-size: 0.75rem !important;
        margin-bottom: 0.6rem !important;
    }

    .btn-hero-play,
    .btn-hero-outline {
        padding: 0.5rem 1rem !important;
        font-size: 0.75rem !important;
    }

    .slide-actions {
        flex-direction: row !important;
        gap: 0.5rem !important;
    }

    .btn-hero-play,
    .btn-hero-outline {
        width: auto !important;
        max-width: none !important;
    }
}