/*
 * Real Property Guru — Properties V72 recovery
 * Restores the approved V70 design and corrects only responsive filter UI.
 * No property-card, hero, summary, footer or bottom-navigation rules belong here.
 */

@media (max-width: 1024.98px) {
    /* Exactly one visible control for each enhanced select in the drawer. */
    #rpgp2-listing .search-box-offcanvas select.select_js {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #rpgp2-listing .search-box-offcanvas .nice-select,
    #rpgp2-listing .search-box-offcanvas .select2-container,
    #rpgp2-listing .search-box-offcanvas .choices,
    #rpgp2-listing .search-box-offcanvas .choices__inner,
    #rpgp2-listing .search-box-offcanvas .ts-wrapper {
        display: none !important;
    }

    /* Old active-filter chips must stay below the toolbar, never masquerade as
       a second Category or Type input inside the drawer. */
    #rpgp2-listing .search-box-offcanvas [class*="active-filter"],
    #rpgp2-listing .search-box-offcanvas [class*="filter-chip"],
    #rpgp2-listing .search-box-offcanvas [class*="filter-pill"],
    #rpgp2-listing .search-box-offcanvas [class*="selected-chip"],
    #rpgp2-listing .search-box-offcanvas .rpgp64-chip,
    #rpgp2-listing .search-box-offcanvas .rpgp69-chip,
    #rpgp2-listing .search-box-offcanvas .rpgp70-chip {
        display: none !important;
    }

    /* Keep the existing V70 drawer design, but separate its fixed header from
       the scrolling form so Location cannot sit underneath the header. */
    #rpgp2-listing .search-box-offcanvas-content {
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
    }

    #rpgp2-listing .search-box-offcanvas-header {
        position: relative !important;
        inset: auto !important;
        z-index: 5 !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        margin: 0 !important;
        background: #fff !important;
    }

    #rpgp2-listing .search-box-offcanvas .widget-sidebar {
        position: relative !important;
        top: auto !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        margin-top: 0 !important;
        padding-top: 20px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }

    #rpgp2-listing .search-box-offcanvas .form-search-category > label,
    #rpgp2-listing .search-box-offcanvas .form-search-type > label {
        display: block !important;
        margin-bottom: 10px !important;
    }

    #rpgp2-listing .search-box-offcanvas .form-search-category select,
    #rpgp2-listing .search-box-offcanvas .form-search-type select {
        width: 100% !important;
        margin: 0 !important;
    }

    /* Final toolbar correction only. Existing typography and colors remain. */
    #rpgp2-listing .rpgp2-toolbar {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    #rpgp2-listing .rpgp2-toolbar-right {
        display: grid !important;
        grid-template-columns: minmax(96px, .95fr) minmax(112px, 1.3fr) 42px 42px !important;
        column-gap: 8px !important;
        row-gap: 0 !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    #rpgp2-listing .rpgp2-filter-button,
    #rpgp2-listing .rpgp2-sort,
    #rpgp2-listing .rpgp2-view-btn {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    #rpgp2-listing .rpgp2-filter-button {
        grid-column: 1 !important;
    }

    #rpgp2-listing select.rpgp2-sort {
        grid-column: 2 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #294438 !important;
        background-color: #fff !important;
        border-color: #d7e3dc !important;
    }

    #rpgp2-listing .rpgp2-toolbar .nice-select.rpgp2-sort,
    #rpgp2-listing .rpgp2-toolbar .nice-select.list-sort,
    #rpgp2-listing .rpgp2-per-page,
    #rpgp2-listing .rpgp2-toolbar .nice-select.rpgp2-per-page,
    #rpgp2-listing .rpgp2-map-btn {
        display: none !important;
    }

    #rpgp2-listing .rpgp2-view-switch {
        display: contents !important;
    }

    #rpgp2-listing .rpgp2-view-switch > .rpgp2-view-btn:nth-child(1) {
        grid-column: 3 !important;
    }

    #rpgp2-listing .rpgp2-view-switch > .rpgp2-view-btn:nth-child(2) {
        grid-column: 4 !important;
    }

    /* Force every historical count badge back into the Filters button flow. */
    #rpgp2-listing .rpgp2-filter-button [class*="filter-count"],
    #rpgp2-listing .rpgp2-filter-button [class*="count-badge"] {
        position: static !important;
        inset: auto !important;
        flex: 0 0 auto !important;
        margin: 0 0 0 2px !important;
        transform: none !important;
    }
}

@media (max-width: 360px) {
    #rpgp2-listing .rpgp2-toolbar-right {
        grid-template-columns: minmax(90px, .92fr) minmax(104px, 1.18fr) 40px 40px !important;
        column-gap: 6px !important;
    }
}