/* Responsive filter styles; shared desktop styles are in filters-desktop.css. */
@media (max-width: 720px) {
    html body.mds-ui .mds-filter-panel {
        border-radius: 16px;
    }

    html body.mds-ui .mds-filter-panel .campaign-filter-summary {
        padding: 14px;
    }

    html body.mds-ui .mds-filter-panel .campaign-filter-summary__text {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    html body.mds-ui :is(.mds-filter-grid, .user-filter-bar, .bible-reader__filterbar, .bible-book-search) {
        padding: 14px;
    }

    html body.mds-ui .mds-filter-grid > :is(label, .user-filter-field, .filters__group) {
        flex: 1 1 100%;
        width: 100%;
    }

    html body.mds-ui .mds-filter-grid :is(.user-filter-actions, .filters__actions, .campaign-filter-actions, .campaign-submission-filter-actions) {
        flex: 1 1 100%;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    html body.mds-ui .mds-filter-grid :is(button[type="submit"], a) {
        width: 100%;
    }
}