/* ---------------------------------------------------------
   Newsfeed carousel responsive layout
--------------------------------------------------------- */

.newsfeed-slide {
    flex-direction: row;
}

.newsfeed-text {
    order: 1;
}

.newsfeed-image {
    order: 2;
}

/* Tablet and mobile */
@media (max-width: 700px) {
    .newsfeed-slide {
        flex-direction: column-reverse;
        align-items: stretch !important;
        gap: 14px !important;
    }

    .newsfeed-text {
        flex: 1 1 auto !important;
        width: 100% !important;
    }

    .newsfeed-image {
        width: 100% !important;
        height: auto !important;
        max-height: 240px;
        aspect-ratio: 16 / 9;
        object-fit: cover !important;
        border-radius: 12px !important;
    }

    #newsfeed-carousel-wrapper {
        padding: 12px !important;
        border-radius: 14px !important;
    }

    #newsfeed-carousel-dots {
        max-width: calc(100vw - 150px) !important;
    }
}

/* Small phones */
@media (max-width: 420px) {
    #newsfeed-carousel-wrapper {
        padding: 10px !important;
    }

    .newsfeed-slide {
        gap: 12px !important;
    }

    .newsfeed-image {
        max-height: 210px;
    }

    #newsfeed-prev-button,
    #newsfeed-next-button {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        flex-shrink: 0;
    }

    #newsfeed-carousel-dots {
        gap: 4px !important;
        max-width: calc(100vw - 135px) !important;
    }
}