/**
 * BP-Animate Animations - Plugin Version
 * Complete control over animations within the plugin
 */

/* ===== BASE ANIMATION SYSTEM ===== */

/* All captions start hidden */
.swiper-caption-content {
    opacity: 0;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/* Visible state - THIS SHOWS THE CAPTION! */
.swiper-caption-content.caption-visible {
    opacity: 1;
    transform: none; /* Reset any transforms */
}

/* ===== FADE ANIMATIONS ===== */

/* Fade In - just opacity, no transform */
.swiper-caption-content[data-animation="bp-animate-fade-in"] {
    opacity: 0;
    transform: none;
}
.swiper-caption-content[data-animation="bp-animate-fade-in"].caption-visible {
    opacity: 1;
    transform: none;
}

/* Fade Up */
.swiper-caption-content[data-animation="bp-animate-fade-up"] {
    opacity: 0;
    transform: translateY(40px);
}
.swiper-caption-content[data-animation="bp-animate-fade-up"].caption-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Fade Down */
.swiper-caption-content[data-animation="bp-animate-fade-down"] {
    opacity: 0;
    transform: translateY(-40px);
}
.swiper-caption-content[data-animation="bp-animate-fade-down"].caption-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Fade Left */
.swiper-caption-content[data-animation="bp-animate-fade-left"] {
    opacity: 0;
    transform: translateX(40px);
}
.swiper-caption-content[data-animation="bp-animate-fade-left"].caption-visible {
    opacity: 1;
    transform: translateX(0);
}

/* Fade Right */
.swiper-caption-content[data-animation="bp-animate-fade-right"] {
    opacity: 0;
    transform: translateX(-40px);
}
.swiper-caption-content[data-animation="bp-animate-fade-right"].caption-visible {
    opacity: 1;
    transform: translateX(0);
}

/* ===== SLIDE ANIMATIONS (larger movement) ===== */

/* Slide Up */
.swiper-caption-content[data-animation="bp-animate-slide-up"] {
    opacity: 0;
    transform: translateY(80px);
}
.swiper-caption-content[data-animation="bp-animate-slide-up"].caption-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Slide Down */
.swiper-caption-content[data-animation="bp-animate-slide-down"] {
    opacity: 0;
    transform: translateY(-80px);
}
.swiper-caption-content[data-animation="bp-animate-slide-down"].caption-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Slide Left */
.swiper-caption-content[data-animation="bp-animate-slide-left"] {
    opacity: 0;
    transform: translateX(80px);
}
.swiper-caption-content[data-animation="bp-animate-slide-left"].caption-visible {
    opacity: 1;
    transform: translateX(0);
}

/* Slide Right */
.swiper-caption-content[data-animation="bp-animate-slide-right"] {
    opacity: 0;
    transform: translateX(-80px);
}
.swiper-caption-content[data-animation="bp-animate-slide-right"].caption-visible {
    opacity: 1;
    transform: translateX(0);
}

/* ===== ZOOM ANIMATIONS ===== */

/* Zoom In */
.swiper-caption-content[data-animation="bp-animate-zoom-in"] {
    opacity: 0;
    transform: scale(0.7);
}
.swiper-caption-content[data-animation="bp-animate-zoom-in"].caption-visible {
    opacity: 1;
    transform: scale(1);
}

/* Zoom Out */
.swiper-caption-content[data-animation="bp-animate-zoom-out"] {
    opacity: 0;
    transform: scale(1.3);
}
.swiper-caption-content[data-animation="bp-animate-zoom-out"].caption-visible {
    opacity: 1;
    transform: scale(1);
}

/* ===== NO ANIMATION ===== */

.swiper-caption-content[data-animation="none"] {
    transition: none;
    opacity: 0; /* Start hidden */
}

.swiper-caption-content[data-animation="none"].caption-visible {
    opacity: 1; /* Show when visible */
}