/**
 * Slideshow Themes - 10 Themes d'Animation
 * Radiosoft 2026 - Transitions rapides (3s par slide)
 */

/* ============================================
   THEME 1: Classique (animations par defaut)
   ============================================ */

/* ============================================
   THEME 2: Fondu Elegant
   ============================================ */
.slideshow-theme-2 .slide .slide-title,
.slideshow-theme-2 .slide .slide-text,
.slideshow-theme-2 .slide .slide-actions,
.slideshow-theme-2 .slide .hero-badge {
    opacity: 0;
    transition: opacity 0.4s ease;
}
.slideshow-theme-2 .slide.active .hero-badge { opacity: 1; transition-delay: 0.05s; }
.slideshow-theme-2 .slide.active .slide-title { opacity: 1; transition-delay: 0.15s; }
.slideshow-theme-2 .slide.active .slide-text { opacity: 1; transition-delay: 0.25s; }
.slideshow-theme-2 .slide.active .slide-actions { opacity: 1; transition-delay: 0.35s; }

/* ============================================
   THEME 3: Zoom Dynamique
   ============================================ */
.slideshow-theme-3 .slide .slide-title,
.slideshow-theme-3 .slide .slide-text,
.slideshow-theme-3 .slide .slide-actions,
.slideshow-theme-3 .slide .hero-badge {
    opacity: 0;
    transform: scale(0.7);
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.slideshow-theme-3 .slide.active .hero-badge { opacity: 1; transform: scale(1); transition-delay: 0.05s; }
.slideshow-theme-3 .slide.active .slide-title { opacity: 1; transform: scale(1); transition-delay: 0.1s; }
.slideshow-theme-3 .slide.active .slide-text { opacity: 1; transform: scale(1); transition-delay: 0.2s; }
.slideshow-theme-3 .slide.active .slide-actions { opacity: 1; transform: scale(1); transition-delay: 0.3s; }

/* ============================================
   THEME 4: Flip 3D
   ============================================ */
.slideshow-theme-4 .slide .hero-badge {
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.slideshow-theme-4 .slide .slide-title {
    opacity: 0;
    transform: perspective(600px) rotateY(-45deg);
    transition: opacity 0.4s ease, transform 0.4s ease;
}
.slideshow-theme-4 .slide .slide-text {
    opacity: 0;
    transform: perspective(600px) rotateY(45deg);
    transition: opacity 0.4s ease, transform 0.4s ease;
}
.slideshow-theme-4 .slide .slide-actions {
    opacity: 0;
    transform: perspective(600px) rotateX(25deg);
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.slideshow-theme-4 .slide.active .hero-badge { opacity: 1; transform: scale(1); transition-delay: 0.05s; }
.slideshow-theme-4 .slide.active .slide-title { opacity: 1; transform: perspective(600px) rotateY(0); transition-delay: 0.1s; }
.slideshow-theme-4 .slide.active .slide-text { opacity: 1; transform: perspective(600px) rotateY(0); transition-delay: 0.2s; }
.slideshow-theme-4 .slide.active .slide-actions { opacity: 1; transform: perspective(600px) rotateX(0); transition-delay: 0.3s; }

/* ============================================
   THEME 5: Glissement Vertical
   ============================================ */
.slideshow-theme-5 .slide .hero-badge {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.slideshow-theme-5 .slide .slide-title {
    opacity: 0;
    transform: translateY(-30px);
    transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.slideshow-theme-5 .slide .slide-text {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.slideshow-theme-5 .slide .slide-actions {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.slideshow-theme-5 .slide.active .hero-badge { opacity: 1; transform: translateY(0); transition-delay: 0.05s; }
.slideshow-theme-5 .slide.active .slide-title { opacity: 1; transform: translateY(0); transition-delay: 0.1s; }
.slideshow-theme-5 .slide.active .slide-text { opacity: 1; transform: translateY(0); transition-delay: 0.2s; }
.slideshow-theme-5 .slide.active .slide-actions { opacity: 1; transform: translateY(0); transition-delay: 0.3s; }

/* ============================================
   THEME 6: Rotation
   ============================================ */
.slideshow-theme-6 .slide .hero-badge {
    opacity: 0;
    transform: rotate(8deg) scale(0.9);
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.slideshow-theme-6 .slide .slide-title {
    opacity: 0;
    transform: rotate(-10deg) scale(0.9);
    transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.slideshow-theme-6 .slide .slide-text {
    opacity: 0;
    transform: rotate(5deg) scale(0.95);
    transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.slideshow-theme-6 .slide .slide-actions {
    opacity: 0;
    transform: rotate(-3deg) translateY(15px);
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.slideshow-theme-6 .slide.active .hero-badge { opacity: 1; transform: rotate(0) scale(1); transition-delay: 0.05s; }
.slideshow-theme-6 .slide.active .slide-title { opacity: 1; transform: rotate(0) scale(1); transition-delay: 0.1s; }
.slideshow-theme-6 .slide.active .slide-text { opacity: 1; transform: rotate(0) scale(1); transition-delay: 0.2s; }
.slideshow-theme-6 .slide.active .slide-actions { opacity: 1; transform: rotate(0) translateY(0); transition-delay: 0.3s; }

/* ============================================
   THEME 7: Rebond
   ============================================ */
.slideshow-theme-7 .slide .hero-badge {
    opacity: 0;
    transform: scale(0.5);
    transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.slideshow-theme-7 .slide .slide-title {
    opacity: 0;
    transform: translateY(-40px);
    transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.slideshow-theme-7 .slide .slide-text {
    opacity: 0;
    transform: scale(0.7);
    transition: opacity 0.35s ease, transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.slideshow-theme-7 .slide .slide-actions {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.3s ease, transform 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.slideshow-theme-7 .slide.active .hero-badge { opacity: 1; transform: scale(1); transition-delay: 0.05s; }
.slideshow-theme-7 .slide.active .slide-title { opacity: 1; transform: translateY(0); transition-delay: 0.1s; }
.slideshow-theme-7 .slide.active .slide-text { opacity: 1; transform: scale(1); transition-delay: 0.2s; }
.slideshow-theme-7 .slide.active .slide-actions { opacity: 1; transform: translateY(0); transition-delay: 0.3s; }

/* ============================================
   THEME 8: Elastique
   ============================================ */
.slideshow-theme-8 .slide .hero-badge {
    opacity: 0;
    transform: scale(0.5);
    transition: opacity 0.35s ease, transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.slideshow-theme-8 .slide .slide-title {
    opacity: 0;
    transform: scaleX(0.3);
    transition: opacity 0.4s ease, transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.slideshow-theme-8 .slide .slide-text {
    opacity: 0;
    transform: scaleY(0.3);
    transition: opacity 0.4s ease, transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.slideshow-theme-8 .slide .slide-actions {
    opacity: 0;
    transform: scale(0.5);
    transition: opacity 0.35s ease, transform 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.slideshow-theme-8 .slide.active .hero-badge { opacity: 1; transform: scale(1); transition-delay: 0.05s; }
.slideshow-theme-8 .slide.active .slide-title { opacity: 1; transform: scaleX(1); transition-delay: 0.1s; }
.slideshow-theme-8 .slide.active .slide-text { opacity: 1; transform: scaleY(1); transition-delay: 0.2s; }
.slideshow-theme-8 .slide.active .slide-actions { opacity: 1; transform: scale(1); transition-delay: 0.3s; }

/* ============================================
   THEME 10: Cinematique
   ============================================ */
.slideshow-theme-10 .slide .hero-badge {
    opacity: 0;
    transform: translateX(-25px);
    transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slideshow-theme-10 .slide .slide-title {
    opacity: 0;
    transform: translateX(-35px);
    transition: opacity 0.45s ease, transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.slideshow-theme-10 .slide .slide-text {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}
.slideshow-theme-10 .slide .slide-actions {
    opacity: 0;
    transform: translateY(25px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.slideshow-theme-10 .slide.active .hero-badge { opacity: 1; transform: translateX(0); transition-delay: 0.05s; }
.slideshow-theme-10 .slide.active .slide-title { opacity: 1; transform: translateX(0); transition-delay: 0.15s; }
.slideshow-theme-10 .slide.active .slide-text { opacity: 1; transform: translateY(0); transition-delay: 0.35s; }
.slideshow-theme-10 .slide.active .slide-actions { opacity: 1; transform: translateY(0); transition-delay: 0.5s; }