/* Custom scrollbar for chat */
.overflow-y-auto::-webkit-scrollbar {
    width: 6px;
}

.overflow-y-auto::-webkit-scrollbar-track {
    background: transparent;
}

.overflow-y-auto::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 3px;
}

/* Animations */
@keyframes flow-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 50px 0;
    }
}

@keyframes dot-move {
    0% {
        transform: translateX(0) translateY(-50%);
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        transform: translateX(100%) translateY(-50%);
        opacity: 0;
    }
}

/* Platform button active state */
.platform-btn.active {
    background-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transform: scale(1.05);
}

/* Smooth transition for platform rotator text */
.platform-text-enter {
    opacity: 0;
    transform: translateY(10px);
}

.platform-text-active {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.3s ease-out;
}

.platform-text-exit {
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease-in;
}

/* Swiper pagination custom */
.swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.5) !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active {
    background: #34d399 !important;
    /* emerald-400 */
}

.swiper-pagination {
    position: static;
    margin-top: 12px;
}

.mySwiper {
    touch-action: pan-y;
}

/* Mobile menu transition */
#mobile-menu {
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
}

#mobile-menu.open {
    max-height: 200px;
    /* Adjust as needed */
    opacity: 1;
    pointer-events: auto;
}

/* FAQ transitions */
.faq-answer {
    transition: all 0.3s ease-in-out;
}