/**
 * Landing v3 hero slider
 * Used by resources/views/landing/v3/components/slider.blade.php
 */

@keyframes landing-slider-fade-in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.landing-v2-slider-wrapper .animate-fade-in {
    animation: landing-slider-fade-in 0.8s ease-out;
}

.landing-v2-slider-wrapper .animate-fade-in-delay {
    animation: landing-slider-fade-in 0.8s ease-out 0.2s both;
}

.landing-v2-slider-wrapper .animate-fade-in-delay-2 {
    animation: landing-slider-fade-in 0.8s ease-out 0.4s both;
}

.landing-v2-slider-wrapper .animate-fade-in-delay-3 {
    animation: landing-slider-fade-in 0.8s ease-out 0.6s both;
}

.slider-container-v2 {
    height: 100vh;
    max-height: 100vh;
    min-height: 100vh;
    position: relative;
}

.slider-container-v2 .slide.relative {
    position: relative !important;
}

.slider-container-v2 .slide > div[style*='background-image'] {
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.slider-caption {
    text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
}

.slider-caption-title {
    margin: 0;
    font-size: clamp(1.25rem, 3vw, 2.25rem);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #c4e538;
}

.slider-caption-subtitle {
    margin: 0;
    font-size: clamp(0.875rem, 1.8vw, 1.125rem);
    font-weight: 300;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.92);
}

.slider-caption-body {
    margin: 0;
    font-size: clamp(0.75rem, 1.4vw, 0.9375rem);
    line-height: 1.35;
    color: rgba(226, 232, 240, 0.95);
}

.slider-caption-cta {
    margin-top: 0.375rem;
}

.slider-caption-btn {
    display: inline-block;
    padding: 0.625rem 1.75rem;
    border-radius: 0.5rem;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.25;
    color: #c4e538;
    background: #111827;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    transition: background-color 0.2s;
    text-decoration: none;
}

.slider-caption-btn:hover {
    background: #1f2937;
}