/* Grid to Carousel Mobile Styles */
@media (max-width: 767px) {

    [data-ailin-mobile-carousel="yes"],
    .ailin-mobile-carousel-enabled {
        display: block !important;
        overflow: hidden !important;
        /* Custom padding will be applied via Elementor control */
    }

    [data-ailin-mobile-carousel="yes"]>.elementor-container,
    .ailin-mobile-carousel-enabled>.elementor-container,
    [data-ailin-mobile-carousel="yes"]>.elementor-widget-wrap,
    .ailin-mobile-carousel-enabled>.elementor-widget-wrap,
    [data-ailin-mobile-carousel="yes"]>.swiper-wrapper,
    .ailin-mobile-carousel-enabled>.swiper-wrapper,
    [data-ailin-mobile-carousel="yes"].elementor-element-grid,
    .ailin-mobile-carousel-enabled.elementor-element-grid {
        display: flex !important;
        /* Reset grid to flex for swiper-wrapper */
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        grid-template-columns: none !important;
        grid-auto-columns: 100% !important;
        gap: 0 !important;
    }

    [data-ailin-mobile-carousel="yes"] .swiper-slide,
    .ailin-mobile-carousel-enabled .swiper-slide {
        height: auto;
        flex-shrink: 0;
    }

    /* Support for new Elementor Containers */
    .elementor-element.ailin-carousel-initialized,
    .elementor-element.ailin-mobile-carousel-enabled {
        --display: flex !important;
        --flex-direction: row !important;
        --flex-wrap: nowrap !important;
        --grid-template-columns: none !important;
    }

    /* Pagination dots */
    [data-ailin-mobile-carousel="yes"] .swiper-pagination,
    .ailin-mobile-carousel-enabled .swiper-pagination {
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 8px;
        z-index: 10;
    }

    [data-ailin-mobile-carousel="yes"] .swiper-pagination-bullet,
    .ailin-mobile-carousel-enabled .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background: transparent !important;
        border: 1px solid #051947 !important;
        opacity: 0.6;
        border-radius: 50%;
        transition: all 0.3s ease;
    }

    [data-ailin-mobile-carousel="yes"] .swiper-pagination-bullet-active,
    .ailin-mobile-carousel-enabled .swiper-pagination-bullet-active {
        background: #051947 !important;
        opacity: 1 !important;
        transform: scale(1.1);
    }
}

/* Hide pagination on desktop */
@media (min-width: 768px) {
    .swiper-pagination {
        display: none !important;
    }
}