.mli-country-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem 2rem;
    margin: 0 0 1.5rem;
    align-items: flex-end;
}

.mli-country-filter__field {
    flex: 1 1 180px;
    min-width: 160px;
    /* max-width: 320px; */
}

.mli-country-filter__select {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    margin: 0;
    padding: 0.7rem 1.75rem 0.7rem 0;
    border: 0;
    border-bottom: 1px solid #243028;
    border-radius: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23243028' stroke-width='1.4' d='M1 1.2 6 6.2 11 1.2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.15rem center;
    background-size: 12px 8px;
    color: #2f6f4e;
    font: inherit;
    font-size: 1.05rem;
    line-height: 1.4;
    cursor: pointer;
}

.mli-country-filter__select:focus {
    outline: 2px solid #2f6f4e;
    outline-offset: 3px;
}

.mli-country-filter__empty,
.post-grids .e-loop-nothing-found-message {
    margin: 1.5rem 0 0;
    color: #243028;
    font-size: 1rem;
    line-height: 1.5;
    width: 100%;
    grid-column: 1 / -1;
    display: block;
}

.post-grids.mli-country-filter--loading {
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.post-grids .elementor-loop-container .post-item,
.post-grids .elementor-loop-container .mli-country-filter__empty {
    width: 100%;
}

@media (max-width: 767px) {
    .mli-country-filter__field {
        flex: 1 1 100%;
        max-width: none;
    }
}