/* --- Modular Calendar Animations (v82) --- */

/* 1. Gale Force (Original v81) */
@keyframes blowOutRight {
    0% {
        transform: translateX(0) rotate(0deg);
        opacity: 1;
    }

    100% {
        transform: translateX(150%) rotate(10deg);
        opacity: 0;
    }
}

@keyframes blowInLeft {
    0% {
        transform: translateX(-150%) rotate(-10deg);
        opacity: 0;
    }

    100% {
        transform: translateX(0) rotate(0deg);
        opacity: 1;
    }
}

.blow-out {
    animation: blowOutRight 0.6s ease-in forwards;
}

.blow-in {
    animation: blowInLeft 0.6s ease-out forwards;
}


/* 2. Flip 1 (3D Rotation) */
/* Requires perspective on parent, but we can fake it or add it */
.flip-wrapper {
    perspective: 1000px;
}

@keyframes flipOutY {
    0% {
        transform: rotateY(0deg);
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        transform: rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipInY {
    0% {
        transform: rotateY(-90deg);
        opacity: 0;
    }

    50% {
        opacity: 0.5;
    }

    100% {
        transform: rotateY(0deg);
        opacity: 1;
    }
}

.calendar-flip-out {
    animation: flipOutY 0.4s ease-in forwards;
    transform-origin: center center;
}

.calendar-flip-in {
    animation: flipInY 0.4s ease-out forwards;
    transform-origin: center center;
}


/* 3. Flip 2 (Staggered Cards) */
/* Reuse keyframes, but apply to months */
.month-flip-out {
    animation: flipOutY 0.4s ease-in forwards;
    /* transform-origin: center center; - Default is fine */
}

.month-flip-in {
    animation: flipInY 0.4s ease-out forwards;
    opacity: 0;
    /* Ensure start invisible before animation kicks in */
}