/* 
 * Стили страницы All Properties
 * Фиксы хедера и баннера, портированные со страницы Contacts.
 */


/* --- НАЧАЛО ЗАКОММЕНТИРОВАННЫХ СТИЛЕЙ ХЕДЕРА ---
.master_header, header, .header_wrapper {
    height: auto !important;
    min-height: 75px !important;
    background-color: #ffffff !important;
}
.header_wrapper_inside {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.logo img {
    width: 162px !important;
    margin-top: 0 !important;
}
#access ul.menu > li > a {
    height: 42px !important;
    padding: 7px 13px !important;
}
--- КОНЕЦ ЗАКОММЕНТИРОВАННЫХ СТИЛЕЙ ХЕДЕРА --- */


/* 1. Убираем белый фон content_wrapper — он перекрывает серый фон страницы */

body.page-template-property_list .content_wrapper {
    background-color: transparent !important;
}


/* Баннер с точками — позиционирование как в оригинале (padding-top 90px под хедер) */


/* body.page-template-property_list .header_media {
    background-image: url(/media/header.png) !important;
    height: 150px !important;
    max-height: 150px !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-color: rgb(253, 253, 253) !important;
    padding-top: 90px !important;
    position: relative !important;
    z-index: 3 !important;
} */


/* На /all-properties/ тема ставит inline max-height:60px на .wpestate_header_image — перебиваем */

.page-template-property_list .wpestate_header_image {
    max-height: 150px !important;
    height: 150px !important;
}

@media screen and (max-width: 1023px) {
    .page-template-property_list .wpestate_header_image {
        height: 60px !important;
        max-height: 60px !important;
    }
    .page-template-property_list .header_media {
        height: 60px !important;
        max-height: 60px !important;
        padding-top: 0 !important;
        overflow: hidden !important;
    }
}

@media screen and (max-width: 1140px) {
    .wpestate_header_image,
    .header_media.with_search_6 {
        height: 60px !important;
        max-height: 60px !important;
        background-size: cover !important;
        background-position: center center !important;
        width: 100vw !important;
        background-attachment: initial !important;
    }
}


/* 2. Активная ссылка меню — золотистый текст как в оригинале.
   Перебиваем style.css: .menu-item:not(.wpml-ls-item) .menu-item-link { color:#fff !important } */


/* --- НАЧАЛО ЗАКОММЕНТИРОВАННЫХ СТИЛЕЙ ХЕДЕРА ---
body.page-template-property_list .wpresidence-navigation-menu .current-menu-item > a.menu-item-link,
body.page-template-property_list .wpresidence-navigation-menu .current_page_item > a.menu-item-link {
    color: rgb(137, 120, 45) !important;
}

body.page-template-property_list .master_header_sticky .wpresidence-navigation-menu a.menu-item-link {
    color: rgb(53, 53, 53) !important;
}
--- КОНЕЦ ЗАКОММЕНТИРОВАННЫХ СТИЛЕЙ ХЕДЕРА --- */


/* 5. Хлебные крошки — активный элемент (текущая страница) золотистый */


/* ═══════════════════════════════════════════════════════════════════════════
   ШИРИНА КОНТЕНТ-ЗОНЫ
   BS5 тема задаёт width через CSS-переменную (1200px) + margin:auto,
   что даёт margin:100px с каждой стороны и сужает рабочую зону с 1340px до 1200px.
   Перебиваем width:100% — элемент занимает весь content_wrapper, padding:15px
   даёт рабочие ~1370px, как в оригинале (1340px).
   ═══════════════════════════════════════════════════════════════════════════ */

.page-template-property_list .row.wpresidence_page_content_wrapper {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    background-color: transparent !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   GRID И КАРТОЧКИ ОБЪЕКТОВ
   ═══════════════════════════════════════════════════════════════════════════ */


/* Скрываем мобильную полосу Advanced Search (нет на оригинале) */

.page-template-property_list #adv-search-header-mobile {
    display: none !important;
}


/* Grid контейнер — flex, negative margin как в оригинале BS3 */

.page-template-property_list #listing_ajax_container {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
}


/* Обёртка карточки — padding как в оригинале, margin-bottom для воздуха между рядами */

.page-template-property_list #listing_ajax_container .listing_wrapper {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 30px !important;
}


/* Карточка — рамка, тень, отступ снизу, размер шрифта */

.page-template-property_list .property_listing.property_unit_type3 {
    border: 1px solid rgb(240, 240, 240) !important;
    box-shadow: rgba(0, 0, 0, 0.01) 0px 5px 15px 0px !important;
    margin-bottom: 30px !important;
    font-size: 13px !important;
}


/* info_container */

.page-template-property_list .info_container_unit_3 {
    padding: 0 !important;
    margin-bottom: 5px !important;
}


/* h4 — заголовок карточки */

.page-template-property_list .listing_wrapper h4 {
    padding: 0 15px !important;
    margin: 15px 0 5px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}


/* Адрес */

.page-template-property_list .property_address_type3 {
    padding: 0 15px !important;
    margin-bottom: 5px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}


/* Категория */

.page-template-property_list .property_categ_unit_type3 {
    padding: 0 !important;
    margin-bottom: 5px !important;
    font-size: 13px !important;
}


/* Строка характеристик */

.page-template-property_list .property_listing_details {
    color: rgb(133, 147, 169) !important;
    padding: 0 0 5px !important;
    margin: 5px 0 8px !important;
}


/* Иконки beds/bath/sqm */

.page-template-property_list .property_listing_details .inforoom,
.page-template-property_list .property_listing_details .infobath,
.page-template-property_list .property_listing_details .infosize,
.page-template-property_list .property_listing_details .infolotsize {
    color: rgb(134, 120, 58) !important;
    font-size: 16px !important;
    line-height: 30px !important;
    margin: 0 5px !important;
    padding-left: 30px !important;
}


/* Блок цены */

.page-template-property_list .listing_unit_price_wrapper {
    padding: 5px 20px !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   ФИЛЬТР-БАР И НАВИГАЦИЯ
   ═══════════════════════════════════════════════════════════════════════════ */


/* 4. Фильтр-бар */

.page-template-property_list .listing_filters_head {
    padding: 0 !important;
    height: 42px !important;
    background-color: rgb(244, 246, 245) !important;
    border-radius: 0 !important;
    align-items: center !important;
    margin-bottom: 30px !important;
}


/* Дропдауны — растянуть равномерно, разделитель как в оригинале */

.page-template-property_list .listing_filters_head .dropdown.listing_filter_select {
    flex: 1 1 0% !important;
    border-radius: 0 !important;
    height: 42px !important;
    border-right: 1px solid rgb(240, 240, 240) !important;
}


/* Последний дропдаун — без правого разделителя */

.page-template-property_list .listing_filters_head .dropdown.listing_filter_select:last-of-type {
    border-right: 0 !important;
}


/* Кнопка дропдауна (BS5 <button>) — как .filter_menu_trigger в оригинале */

.page-template-property_list .listing_filters_head .dropdown.listing_filter_select button.btn,
.page-template-property_list .listing_filters_head .dropdown.listing_filter_select .btn {
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
    height: 42px !important;
    padding: 9px 13px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgb(53, 53, 53) !important;
    text-align: left !important;
}

.page-template-property_list .breadcrumb_container {
    margin-bottom: 20px !important;
}


/* Серый фон страницы как в оригинале */

body.page-template-property_list {
    background-color: rgb(243, 243, 243) !important;
}


/* Убираем gap у фильтр-баров */

.page-template-property_list .adv_listing_filters_head,
.page-template-property_list .listing_filters,
.page-template-property_list .listing_filters_head,
.page-template-property_list .listing_filters_head_directory {
    gap: 0 !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   TAXONOMY ARCHIVES (city, area, type, status и т.д.)
   body.archive покрывает все страницы таксономий WPResidence
   ═══════════════════════════════════════════════════════════════════════════ */


/* Серый фон страницы */

body.archive {
    background-color: rgb(243, 243, 243) !important;
}


/* Убираем белый фон content_wrapper */

body.archive .content_wrapper {
    background-color: transparent !important;
}


/* Заменяем карту в header_media на паттерн с точками (как на single property) */

body.archive .header_media {
    height: 150px !important;
    max-height: 150px !important;
    background-color: rgb(253, 253, 253) !important;
    background-image: none !important;
    padding-top: 90px !important;
    position: relative !important;
    overflow: hidden !important;
}

body.archive #gmap_wrapper {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 60px !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 0 !important;
    background-color: #fff !important;
    background-image: radial-gradient(circle, #ececec 7px, transparent 8px) !important;
    background-size: 32px 32px !important;
    background-position: 0 0 !important;
    overflow: hidden !important;
}

body.archive #gmap_wrapper>* {
    display: none !important;
}


/* Хлебные крошки */

body.archive .breadcrumb_container {
    margin-bottom: 20px !important;
}


/* Ширина контент-зоны */

body.archive .row.wpresidence_page_content_wrapper {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    background-color: transparent !important;
}


/* Скрываем мобильную полосу Advanced Search */

body.archive #adv-search-header-mobile {
    display: none !important;
}


/* Grid контейнер */

body.archive #listing_ajax_container {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
}


/* Обёртка карточки */

body.archive #listing_ajax_container .listing_wrapper {
    padding-left: 15px !important;
    padding-right: 15px !important;
    margin-bottom: 30px !important;
}


/* Карточка */

body.archive .property_listing.property_unit_type3 {
    border: 1px solid rgb(240, 240, 240) !important;
    box-shadow: rgba(0, 0, 0, 0.01) 0px 5px 15px 0px !important;
    margin-bottom: 30px !important;
    font-size: 13px !important;
}

body.archive .info_container_unit_3 {
    padding: 0 !important;
    margin-bottom: 5px !important;
}

body.archive .listing_wrapper h4 {
    padding: 0 15px !important;
    margin: 15px 0 5px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

body.archive .property_address_type3 {
    padding: 0 15px !important;
    margin-bottom: 5px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

body.archive .property_categ_unit_type3 {
    padding: 0 !important;
    margin-bottom: 5px !important;
    font-size: 13px !important;
}

body.archive .property_listing_details {
    color: rgb(133, 147, 169) !important;
    padding: 0 0 5px !important;
    margin: 5px 0 8px !important;
}

body.archive .property_listing_details .inforoom,
body.archive .property_listing_details .infobath,
body.archive .property_listing_details .infosize,
body.archive .property_listing_details .infolotsize {
    color: rgb(134, 120, 58) !important;
    font-size: 16px !important;
    line-height: 30px !important;
    margin: 0 5px !important;
    padding-left: 30px !important;
}

body.archive .listing_unit_price_wrapper {
    padding: 5px 20px !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}


/* Фильтр-бар */

body.archive .listing_filters_head {
    padding: 0 !important;
    height: 42px !important;
    background-color: rgb(244, 246, 245) !important;
    border-radius: 0 !important;
    align-items: center !important;
    margin-bottom: 30px !important;
}

body.archive .listing_filters_head .dropdown.listing_filter_select {
    flex: 1 1 0% !important;
    border-radius: 0 !important;
    height: 42px !important;
    border-right: 1px solid rgb(240, 240, 240) !important;
}

body.archive .listing_filters_head .dropdown.listing_filter_select:last-of-type {
    border-right: 0 !important;
}

body.archive .listing_filters_head .dropdown.listing_filter_select button.btn,
body.archive .listing_filters_head .dropdown.listing_filter_select .btn {
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    width: 100% !important;
    height: 42px !important;
    padding: 9px 13px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgb(53, 53, 53) !important;
    text-align: left !important;
}

body.archive .adv_listing_filters_head,
body.archive .listing_filters,
body.archive .listing_filters_head,
body.archive .listing_filters_head_directory {
    gap: 0 !important;
}


/* Мобильный баннер архива: mobile_header в потоке (не fixed), padding-top не нужен */

@media screen and (max-width: 1023px) {
    body.archive .header_media {
        padding-top: 0 !important;
        height: 60px !important;
        max-height: 60px !important;
    }
    body.archive #gmap_wrapper {
        height: 60px !important;
        min-height: 60px !important;
    }
}