/* ============================================================
   TWA — HALF MAP MOBILE
   TÍTULO PRETO → DOURADO MAIS PRESENTE
   RESPIRO PREMIUM + FUNIL
============================================================ */

@media (max-width: 991px) {

    /* ========================================================
       OVERFLOW
    ======================================================== */

    #google_map_prop_list_sidebar,
    #google_map_prop_list_sidebar > .single-content,
    #google_map_prop_list_sidebar .search_wrapper,
    #google_map_prop_list_sidebar .wpresidence_half_map_filter_wrapper,
    #google_map_prop_list_sidebar .row,
    #google_map_prop_list_sidebar .twa-order-title-row,
    #google_map_prop_list_sidebar .twa-order-control {
        overflow: visible !important;
    }


    /* ========================================================
       REMOVE A FAIXA VAZIA SUPERIOR
    ======================================================== */

    #google_map_prop_list_sidebar .wpresidence_half_map_filter_wrapper,
    #google_map_prop_list_sidebar .wpresidence_half_map_filter_wrapper.row,
    #google_map_prop_list_sidebar .wpresidence_half_map_filter_wrapper.row.gx-2.gy-2 {

        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;

        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;

        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        pointer-events: none !important;
    }


    /* ========================================================
       SEARCH WRAPPER
    ======================================================== */

    #google_map_prop_list_sidebar .search_wrapper {

        margin: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        min-height: 0 !important;
    }


    /* ========================================================
       SINGLE CONTENT
    ======================================================== */

    #google_map_prop_list_sidebar > .single-content {

        margin-top: 0 !important;

        padding-top: 0 !important;

        min-height: 0 !important;

        box-sizing: border-box !important;
    }


    /* ========================================================
       TÍTULO + FUNIL
       MAIS RESPIRO EMBAIXO
    ======================================================== */

    #google_map_prop_list_sidebar .twa-order-title-row {

        position: relative !important;

        display: flex !important;

        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: 32px !important;

        margin:
            2px 0
            36px 0 !important;

        padding:
            0 4px 0 0 !important;

        box-sizing: border-box !important;

        z-index: 99990 !important;
    }


    /* ========================================================
       TÍTULO
       PRETO → DOURADO MAIS PRESENTE
    ======================================================== */

    #google_map_prop_list_sidebar
    .twa-order-title-row
    > h1.entry-title.title_prop {

        position: relative !important;

        display: block !important;

        flex: 1 1 auto !important;

        width: auto !important;

        max-width:
            calc(100% - 44px) !important;

        margin: 0 !important;
        padding: 0 !important;

        font-family:
            Georgia,
            "Times New Roman",
            serif !important;

        font-weight:
            400 !important;

        font-size:
            clamp(23px, 6.2vw, 28px) !important;

        line-height:
            1.06 !important;

        letter-spacing:
            -0.022em !important;

        color:
            #151515 !important;


        /*
         * PRETO NO INÍCIO
         * DOURADO ENTRANDO MAIS CEDO
         * E MAIS FORTE NO FINAL
         */
        background:
            linear-gradient(
                90deg,

                #151515 0%,
                #151515 45%,

                #211f1b 52%,

                #4f432f 60%,

                #7b653d 68%,

                #9f824a 76%,

                #b99a59 84%,

                #c7a968 92%,

                #d5bc7d 100%
            ) !important;

        background-size:
            100% 100% !important;

        background-repeat:
            no-repeat !important;

        -webkit-background-clip:
            text !important;

        background-clip:
            text !important;

        -webkit-text-fill-color:
            transparent !important;

        box-sizing:
            border-box !important;

        z-index:
            2 !important;
    }


    /* ========================================================
       LISTAGEM
    ======================================================== */

    #google_map_prop_list_sidebar #listing_loader {

        margin: 0 !important;
        padding: 0 !important;
    }


    #google_map_prop_list_sidebar #listing_ajax_container {

        margin-top: 0 !important;
        padding-top: 0 !important;
    }


    #google_map_prop_list_sidebar
    #listing_ajax_container
    > .listing_wrapper:first-child,

    #google_map_prop_list_sidebar
    #listing_ajax_container
    > [class*="col-"]:first-child {

        margin-top: 0 !important;
        padding-top: 0 !important;
    }


    /* ========================================================
       CONTAINER FUNIL
    ======================================================== */

    #google_map_prop_list_sidebar
    .twa-order-title-row
    > .twa-order-control {

        position: relative !important;

        display: block !important;

        flex: 0 0 32px !important;

        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;

        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;

        margin:
            0 0 0 auto !important;

        padding: 0 !important;

        transform:
            translateY(0) !important;

        box-sizing:
            border-box !important;

        z-index:
            999999 !important;
    }


    /* ========================================================
       BOTÃO FUNIL
    ======================================================== */

    #google_map_prop_list_sidebar
    .twa-order-control
    > #a_filter_order {

        position: relative !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;

        height: 32px !important;
        min-height: 32px !important;
        max-height: 32px !important;

        margin: 0 !important;
        padding: 0 !important;

        border:
            1px solid rgba(154, 123, 79, 0.22) !important;

        border-radius:
            10px !important;

        background:
            rgba(255, 255, 255, 0.94) !important;

        -webkit-backdrop-filter:
            blur(14px)
            saturate(135%) !important;

        backdrop-filter:
            blur(14px)
            saturate(135%) !important;

        box-shadow:
            0 3px 12px
            rgba(0, 0, 0, 0.065) !important;

        font-size:
            0 !important;

        line-height:
            0 !important;

        color:
            transparent !important;

        text-indent:
            -99999px !important;

        cursor:
            pointer !important;

        box-sizing:
            border-box !important;

        outline:
            none !important;

        transition:
            transform .18s ease,
            background .18s ease,
            border-color .18s ease,
            box-shadow .18s ease !important;
    }


    /* ========================================================
       REMOVE SETA ORIGINAL
    ======================================================== */

    #google_map_prop_list_sidebar
    .twa-order-control
    > #a_filter_order::after {

        display: none !important;

        content: none !important;

        width: 0 !important;
        height: 0 !important;

        border: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* ========================================================
       ÍCONE FUNIL
    ======================================================== */

    #google_map_prop_list_sidebar
    .twa-order-control
    > #a_filter_order::before {

        content:
            "" !important;

        position:
            absolute !important;

        top:
            50% !important;

        left:
            50% !important;

        transform:
            translate(-50%, -50%) !important;

        display:
            block !important;

        width:
            16px !important;

        height:
            16px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239A7B4F' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h18l-7 8v5.5l-4 2V13L3 5z'/%3E%3C/svg%3E") !important;

        background-repeat:
            no-repeat !important;

        background-position:
            center !important;

        background-size:
            contain !important;

        pointer-events:
            none !important;
    }


    /* ========================================================
       CLIQUE
    ======================================================== */

    #google_map_prop_list_sidebar
    .twa-order-control
    > #a_filter_order:active {

        transform:
            scale(.94) !important;
    }


    /* ========================================================
       FUNIL ABERTO
    ======================================================== */

    #google_map_prop_list_sidebar
    .twa-order-control
    > #a_filter_order[aria-expanded="true"] {

        background:
            rgba(199, 169, 104, 0.12) !important;

        border-color:
            rgba(154, 123, 79, 0.36) !important;

        box-shadow:
            0 5px 16px
            rgba(0, 0, 0, 0.08) !important;
    }


    /* ========================================================
       DROPDOWN
    ======================================================== */

    #google_map_prop_list_sidebar
    .twa-order-control
    > .dropdown-menu {

        position:
            absolute !important;

        top:
            calc(100% + 7px) !important;

        right:
            0 !important;

        left:
            auto !important;

        bottom:
            auto !important;

        transform:
            none !important;

        float:
            none !important;

        width:
            max-content !important;

        min-width:
            220px !important;

        max-width:
            min(
                270px,
                calc(100vw - 30px)
            ) !important;

        height:
            auto !important;

        max-height:
            65vh !important;

        margin:
            0 !important;

        padding:
            7px !important;

        border:
            1px solid
            rgba(0, 0, 0, 0.07) !important;

        border-radius:
            14px !important;

        background:
            rgba(255, 255, 255, 0.985) !important;

        -webkit-backdrop-filter:
            blur(18px)
            saturate(150%) !important;

        backdrop-filter:
            blur(18px)
            saturate(150%) !important;

        box-shadow:
            0 16px 45px
            rgba(0, 0, 0, 0.16) !important;

        overflow-x:
            hidden !important;

        overflow-y:
            auto !important;

        box-sizing:
            border-box !important;

        z-index:
            2147483000 !important;
    }


    /* ========================================================
       ITENS DROPDOWN
    ======================================================== */

    #google_map_prop_list_sidebar
    .twa-order-control
    > .dropdown-menu
    > li {

        display:
            block !important;

        width:
            100% !important;

        min-width:
            0 !important;

        margin:
            0 !important;

        padding:
            9px 11px !important;

        border:
            0 !important;

        border-radius:
            9px !important;

        background:
            transparent !important;

        color:
            #242424 !important;

        font-size:
            13px !important;

        line-height:
            1.3 !important;

        white-space:
            nowrap !important;

        box-sizing:
            border-box !important;

        cursor:
            pointer !important;
    }


    #google_map_prop_list_sidebar
    .twa-order-control
    > .dropdown-menu
    > li:hover,

    #google_map_prop_list_sidebar
    .twa-order-control
    > .dropdown-menu
    > li:active {

        background:
            rgba(199, 169, 104, 0.10) !important;
    }


    /* ========================================================
       REMOVE COLUNA ORIGINAL VAZIA
    ======================================================== */

    #google_map_prop_list_sidebar
    .twa-order-original-column.twa-order-column-empty {

        display:
            none !important;

        visibility:
            hidden !important;

        width:
            0 !important;

        min-width:
            0 !important;

        max-width:
            0 !important;

        height:
            0 !important;

        min-height:
            0 !important;

        max-height:
            0 !important;

        margin:
            0 !important;

        padding:
            0 !important;

        border:
            0 !important;
    }

}


/* ============================================================
   DESKTOP
   PRESERVA LAYOUT ORIGINAL
============================================================ */

@media (min-width: 992px) {

    #google_map_prop_list_sidebar
    .twa-order-title-row {

        display:
            contents !important;
    }

}