/* Mobile overrides for courses listings. */

@media (max-width: 990px) {
    .courses-listing > .container {
        display: flex;
        flex-direction: column;
    }

    .courses-listing .courses-section__header {
        display: contents;
    }

    .courses-listing .courses-section__header > h2 {
        order: 1;
        margin-bottom: 24px;
    }

    .courses-listing .courses-filters {
        order: 2;
        flex-wrap: nowrap;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .courses-listing .courses-filters::-webkit-scrollbar {
        display: none;
    }

    .courses-listing .courses-filter {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .courses-listing .courses-grid,
    .courses-listing .courses-empty-state {
        order: 3;
    }

    .courses-listing .courses-section__header > .read-more {
        order: 4;
        align-self: flex-start;
        margin-top: 24px;
    }

    .courses-listing .courses-pagination {
        order: 5;
    }
}