/* ==========================================================================
   LISTING ARCHIVE & PAGINATION
   ========================================================================== */

section#realestate_archive {
    margin: 0 auto;
}

.area-left-right-wrapper:has(.ct-shortcode:empty) {
    display: none !important;
}

/* ==========================================================================
   FILTERS
   ========================================================================== */

#filters_wrapper button.clear_search {
    height: 35px;
}

.noUi-handle {
    background: #7aadd4;
}

/* ==========================================================================
   LISTING GRID HEADER & FOOTER
   ========================================================================== */

div#listing_grid_header {
    display: flex;
    margin-top: 0;
    margin-bottom: 1rem;
    gap: var(--space-05x);
    flex-wrap: wrap;
    align-items: flex-start;
}

div#listing_grid_footer {
    margin-top: 1rem;
}

div#listing_grid_header select,
div#listing_grid_footer select {
    width: 100%;
    padding: 0.5rem;
    background: #fff;
    color: #004990;
    border: 1px solid #004990;
    border-radius: 5px;
    box-shadow: 0 5px 10px #00000080;
}

/* ==========================================================================
   PAGINATION
   ========================================================================== */

.pagination span,
.pagination_label {
    color: #fff;
}

.pagination .page {
    width: 2.5rem;
    height: 2.5rem;
    background: #fff;
    color: #004990;
    border-radius: 5px;
    box-shadow: 0 5px 10px #00000080;
}

.pagination .page.active,
.pagination .page:hover {
    background: #002B4B;
    color: #fff;
}

/* ==========================================================================
   LISTING CARDS (archive / grid)
   ========================================================================== */

article.listing_card .listing_mls {
    display: none !important;
}

@media (max-width: 800px) {
    div#listing_grid_header {
        flex-direction: column;
    }
}

@media (max-width: 1250px) {
    div#listing_grid_header {
        flex-direction: column;
        align-items: stretch;
    }
}