/*
 Theme Name:   WPResidence Child Theme
 Theme URI:    https://themeforest.net/item/wp-residence-real-estate-wordpress-theme/7896392
 Description:  WPResidence child theme
 Author:       WpEstate
 Author URI:   http://wpestate.org
 Template:     wpresidence
 Version:      5.6.0.6
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 */

/* --- RealCity Custom Colors --- */
:root {
    --primary-color: #1a1a1a;
    --accent-gold: #b39269;
    --accent-blue: #b3d4e6;
    --accent-red: #d32f2f;
    --border-color: #e5e8eb;
    --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

/* Custom Header & Topbar adjustments */
.top_bar_wrapper {
    background-color: var(--primary-color) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.top_bar_contact_icon i {
    color: var(--accent-gold) !important;
}
.top_bar_contact_text a:hover {
    color: var(--accent-gold) !important;
}
.header_wrapper {
    border-bottom: 1px solid #edf7fa !important;
}
.custom-select-trigger:after {
    border-bottom: 2px solid var(--accent-gold) !important;
    border-right: 2px solid var(--accent-gold) !important;
}

/* --- Partners Carousel --- */
.partners-carousel-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    position: relative;
    padding: 15px 0;
    margin-top: 30px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.partners-carousel-wrapper::-webkit-scrollbar {
    display: none !important;
}
.partners-carousel-wrapper::before,
.partners-carousel-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    width: 120px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}
.partners-carousel-wrapper::before {
    left: 0;
    background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
.partners-carousel-wrapper::after {
    right: 0;
    background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0));
}
.partners-carousel-track {
    display: flex;
    width: max-content;
}
.partners-carousel-group {
    display: flex;
    gap: 20px;
    padding-right: 20px;
    align-items: center;
}
.partner-logo-box {
    background: #ffffff;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    height: 90px;
    width: 180px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    transition: all 0.3s ease;
    box-shadow: var(--card-shadow);
}
.partner-logo-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    border-color: var(--accent-gold);
}
.partner-logo-box img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: grayscale(100%) contrast(1.1) brightness(0.9);
    opacity: 0.65;
    transition: all 0.3s ease;
}
.partner-logo-box:hover img {
    filter: grayscale(0%) contrast(1) brightness(1);
    opacity: 1;
}

/* --- RealCity Currency Switcher Styling --- */
.header_currency_dropdown_wrapper .dropdown.wpresidence_dropdown.currency,
.mobile_currency_dropdown_wrapper .dropdown.wpresidence_dropdown.currency {
    width: 100% !important;
}

.header_currency_dropdown_wrapper .btn.dropdown-toggle,
.mobile_currency_dropdown_wrapper .btn.dropdown-toggle {
    width: 100% !important;
    background-color: transparent !important;
    border: 1px solid rgba(179, 146, 105, 0.4) !important; /* light gold */
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 10px 15px !important;
    text-align: left !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

.header_currency_dropdown_wrapper .btn.dropdown-toggle:hover,
.mobile_currency_dropdown_wrapper .btn.dropdown-toggle:hover {
    border-color: var(--accent-gold) !important;
    box-shadow: 0 0 10px rgba(179, 146, 105, 0.2) !important;
}

.header_currency_dropdown_wrapper .btn.dropdown-toggle::after,
.mobile_currency_dropdown_wrapper .btn.dropdown-toggle::after {
    display: inline-block !important;
    margin-left: .255em !important;
    vertical-align: .255em !important;
    content: "" !important;
    border-top: .3em solid !important;
    border-right: .3em solid transparent !important;
    border-bottom: 0 !important;
    border-left: .3em solid transparent !important;
    position: absolute !important;
    right: 15px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: var(--accent-gold) !important;
}

.header_currency_dropdown_wrapper .dropdown-menu.filter_menu,
.mobile_currency_dropdown_wrapper .dropdown-menu.filter_menu {
    width: 100% !important;
    background-color: #222222 !important; /* dark menu */
    border: 1px solid var(--accent-gold) !important;
    border-radius: 8px !important;
    padding: 5px 0 !important;
    margin-top: 5px !important;
}

.header_currency_dropdown_wrapper .dropdown-menu.filter_menu li,
.mobile_currency_dropdown_wrapper .dropdown-menu.filter_menu li {
    color: #dddddd !important;
    padding: 8px 15px !important;
    font-size: 13px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.header_currency_dropdown_wrapper .dropdown-menu.filter_menu li:hover,
.mobile_currency_dropdown_wrapper .dropdown-menu.filter_menu li:hover {
    background-color: var(--accent-gold) !important;
    color: #ffffff !important;
}




/* --- RealCity: Hide top bar --- */
body .top_bar_wrapper, .top_bar_wrapper.d-xl-block {
    display: none !important;
}

/* Adjust layout for menu + currency wrapper */
.navbar_menu_and_currency_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Navbar currency switcher specific overrides */
.navbar_currency_dropdown_wrapper {
    display: inline-block;
    vertical-align: middle;
}

.navbar_currency_dropdown_wrapper .dropdown.wpresidence_dropdown.currency {
    width: auto !important;
    display: inline-block !important;
}

.navbar_currency_dropdown_wrapper .btn.dropdown-toggle {
    background-color: transparent !important;
    border: 1px solid rgba(179, 146, 105, 0.4) !important; /* light gold */
    color: #252a2c !important; /* dark text to match navbar menu links */
    border-radius: 6px !important;
    padding: 6px 12px 6px 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    min-width: 50px !important;
    text-align: center !important;
}

/* Ensure sticky header changes text color of switcher if needed */
.header_wrapper_inside.sticky .navbar_currency_dropdown_wrapper .btn.dropdown-toggle {
    color: #252a2c !important;
}

.navbar_currency_dropdown_wrapper .btn.dropdown-toggle:hover {
    border-color: var(--accent-gold) !important;
    box-shadow: 0 0 8px rgba(179, 146, 105, 0.15) !important;
}

.navbar_currency_dropdown_wrapper .btn.dropdown-toggle::after {
    margin-left: .255em !important;
    vertical-align: middle !important;
    content: "" !important;
    border-top: .3em solid !important;
    border-right: .3em solid transparent !important;
    border-bottom: 0 !important;
    border-left: .3em solid transparent !important;
    position: relative !important;
    display: inline-block !important;
    right: -4px !important;
    top: auto !important;
    transform: none !important;
    color: var(--accent-gold) !important;
}

.navbar_currency_dropdown_wrapper .dropdown-menu.filter_menu {
    min-width: 70px !important;
    width: auto !important;
    background-color: #ffffff !important; /* white background for main menu context */
    border: 1px solid var(--accent-gold) !important;
    border-radius: 6px !important;
    padding: 3px 0 !important;
    margin-top: 5px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08) !important;
}

.navbar_currency_dropdown_wrapper .dropdown-menu.filter_menu li {
    color: #252a2c !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.navbar_currency_dropdown_wrapper .dropdown-menu.filter_menu li:hover {
    background-color: var(--accent-gold) !important;
    color: #ffffff !important;
}

/* Fix price range slider overlap globally */
.adv_search_slider {
    height: auto !important;
}
.adv_search_slider p {
    display: flow-root !important;
    margin-bottom: 15px !important;
}
.adv_search_slider label {
    margin-bottom: 0px !important;
}
.adv_search_slider .wpresidence_slider_price {
    margin-bottom: 0px !important;
}
.adv_search_slider .ui-slider {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

/* Custom styling for price range slider to match user photo (blue active range, gray inactive bar, blue label) */
#all_wrapper .search_wr_elementor .ui-widget-content,
#all_wrapper .wpestate_elementor_search_tab_slider_wrapper .ui-widget-content,
#all_wrapper .wpestate_elementor_search_tab_slider.ui-widget-content,
#all_wrapper .adv_search_slider .ui-slider.ui-widget-content,
html body .search_wr_elementor.search_wr_elementor.search_wr_elementor.search_wr_elementor .ui-widget-content,
html body .wpestate_elementor_search_tab_slider_wrapper.wpestate_elementor_search_tab_slider_wrapper.wpestate_elementor_search_tab_slider_wrapper .ui-widget-content,
html body .wpestate_elementor_search_tab_slider.wpestate_elementor_search_tab_slider.wpestate_elementor_search_tab_slider.ui-widget-content,
html body .adv_search_slider.adv_search_slider.adv_search_slider.adv_search_slider .ui-slider.ui-widget-content,
.adv_search_slider #slider_price.ui-widget-content,
.adv_search_slider [id^="slider_price"].ui-widget-content,
.adv_search_slider .ui-slider.ui-widget-content {
    background-color: #efefef !important;
    background: #efefef !important;
    border: none !important;
    height: 4px !important;
}

/* Active range (between the handles) in blue */
#all_wrapper .search_wr_elementor .ui-slider-range.ui-widget-header,
#all_wrapper .adv_search_slider .ui-slider-range.ui-widget-header,
#all_wrapper .adv_search_slider .ui-slider .ui-slider-range,
html body .search_wr_elementor.search_wr_elementor.search_wr_elementor.search_wr_elementor .ui-slider-range.ui-widget-header,
html body .wpestate_elementor_search_tab_slider_wrapper.wpestate_elementor_search_tab_slider_wrapper.wpestate_elementor_search_tab_slider_wrapper .ui-slider-range.ui-widget-header,
.adv_search_slider .ui-slider-range.ui-widget-header,
.search_wr_elementor .ui-slider-range.ui-widget-header,
.adv_search_slider .ui-slider .ui-slider-range {
    background-color: #0073e6 !important;
    background: #0073e6 !important;
}

/* Slider handles (white circles with gray border) */
#all_wrapper .search_wr_elementor .ui-slider-handle.ui-state-default,
#all_wrapper .adv_search_slider .ui-slider-handle.ui-state-default,
#all_wrapper .adv_search_slider .ui-slider .ui-slider-handle,
html body .search_wr_elementor.search_wr_elementor.search_wr_elementor.search_wr_elementor .ui-slider-handle.ui-state-default,
html body .wpestate_elementor_search_tab_slider_wrapper.wpestate_elementor_search_tab_slider_wrapper.wpestate_elementor_search_tab_slider_wrapper .ui-slider-handle.ui-state-default,
.adv_search_slider .ui-slider-handle.ui-state-default,
.search_wr_elementor .ui-slider-handle.ui-state-default,
.adv_search_slider .ui-slider .ui-slider-handle {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border: 2px solid #dddddd !important;
    border-radius: 50% !important;
    width: 16px !important;
    height: 16px !important;
    top: -6px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    outline: none !important;
}

#all_wrapper .search_wr_elementor .ui-slider-handle.ui-state-active,
#all_wrapper .adv_search_slider .ui-slider-handle.ui-state-active,
html body .search_wr_elementor.search_wr_elementor.search_wr_elementor.search_wr_elementor .ui-slider-handle.ui-state-active,
.adv_search_slider .ui-slider-handle.ui-state-active,
.search_wr_elementor .ui-slider-handle.ui-state-active {
    border-color: #0073e6 !important;
}

/* Price label values in blue */
#all_wrapper .wpresidence_slider_price,
#all_wrapper span.wpresidence_slider_price,
html body .search_wr_elementor.search_wr_elementor.search_wr_elementor.search_wr_elementor .wpresidence_slider_price,
.wpresidence_slider_price,
.adv_search_slider span.wpresidence_slider_price {
    color: #0073e6 !important;
    font-weight: 600 !important;
}


/* Keep footer at the bottom of the screen on short or empty pages (e.g. empty blog page) */
main.content_wrapper {
    min-height: calc(100vh - 460px) !important;
}

/* Stretch search form elements to fill the container width completely on desktop */
@media only screen and (min-width: 1024px) {
    .search_wrapper.search_wr_elementor {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .search_wr_elementor .wpestate-adv-holder,
    .search_wr_elementor .adv_search_tab,
    .search_wr_elementor .tab-content,
    .search_wr_elementor .tab-pane,
    .search_wr_elementor form {
        width: 100% !important;
    }
    .search_wr_elementor form {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
    }
    .search_wr_elementor form .elementor-col-20 {
        flex: 20 1 auto !important;
        width: auto !important;
    }
    .search_wr_elementor form .elementor-col-35 {
        flex: 35 1 auto !important;
        width: auto !important;
    }
    .search_wr_elementor form .elemenentor_submit_wrapper {
        flex: 0 0 auto !important;
        width: auto !important;
        margin-left: 15px !important;
    }
    .search_wr_elementor form .elementor-field-group:not(.elemenentor_submit_wrapper) > div,
    .search_wr_elementor form .elementor-field-group:not(.elemenentor_submit_wrapper) .form-control,
    .search_wr_elementor form .elementor-field-group:not(.elemenentor_submit_wrapper) .dropdown,
    .search_wr_elementor form .elementor-field-group:not(.elemenentor_submit_wrapper) .dropdown button,
    .search_wr_elementor form .elementor-field-group:not(.elemenentor_submit_wrapper) .adv_locations_search_component_wrapper {
        width: 100% !important;
    }
}

/* Hide Agents menu item globally */
#menu-item-18623 {
    display: none !important;
}

/* Hide Oblast / Areas filter dropdowns globally */
.wpresidence_wrap_a_filter_areas,
#a_filter_areas,
.property_area,
.adv_search_what_property_area,
div[data-search-taxonomy="property_area"] {
    display: none !important;
}


/* =========================================================================
 * RealCity: Sticky Property Navigation Bar (scroll header on property page)
 * When user scrolls on property page, main header hides and section nav appears
 * ========================================================================= */

/* Hide top bar when sticky property menu is active */
.master_header_sticky.sticky_property_menu .top_bar_wrapper {
    display: none !important;
}

/* Hide the header_wrapper (logo + nav + phone) completely.
   navbar-fixed-top gives it position:fixed;top:0 which ignores parent,
   so display:none is the only reliable way to remove it. */
.master_header_sticky.sticky_property_menu .header_wrapper {
    display: none !important;
}

/* Property section navigation bar styling */
.wpestate_top_property_navigation {
    z-index: 10000;
    font-weight: 500;
    font-size: 13px;
    background-color: #fff;
    position: fixed;
    height: 50px;
    width: 100%;
    top: -50px;
    left: 0;
    transition: top 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    border-bottom: 2px solid var(--accent-gold, #b39269);
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
}

.wpestate_top_property_navigation::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

/* Show nav bar when sticky */
.wpestate_top_property_navigation.sticky_property_menu_visible {
    top: 0px;
}

/* Admin bar offset */
.admin-bar .wpestate_top_property_navigation.sticky_property_menu_visible {
    top: 32px;
}

/* Navigation links */
.wpestate_top_property_navigation .wpestate_top_property_navigation_link {
    padding: 0 12px;
    color: #333;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    line-height: 48px;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
    transition: color 0.2s ease, border-color 0.2s ease;
    position: relative;
}

.wpestate_top_property_navigation .wpestate_top_property_navigation_link:hover {
    color: var(--accent-gold, #b39269);
    border-bottom-color: var(--accent-gold, #b39269);
}

.wpestate_top_property_navigation .wpestate_top_property_navigation_link.item_active {
    color: var(--accent-gold, #b39269);
    border-bottom-color: var(--accent-gold, #b39269);
    font-weight: 600;
}

/* Hide on mobile/tablet */
@media screen and (max-width: 1199px) {
    .wpestate_top_property_navigation {
        display: none !important;
    }
}

/* Smooth scroll offset for anchored sections */
.property-panel,
.wpestate_property_description,
.wpestate_contact_form_parent,
.wpresidence_realtor_listings_wrapper {
    scroll-margin-top: 60px;
}

/* Status badges: use DB value as-is (first letter uppercase) */
.property_title_label,
.property_title_label span {
    text-transform: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}


/* =========================================================================
   RealCity: Global Leaflet Custom Map Pins and Price Badges
   Applies to single property details maps, search results, and tax archives
   ========================================================================= */

.wpestate_marker.openstreet_price_marker {
    position: absolute !important;
    bottom: 0px !important;
    left: 0px !important;
    transform: translate(-50%, 0) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 60px !important;
    height: 70px !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    z-index: 100 !important;
    overflow: visible !important;
}

/* Interior price text bubble */
.wpestate_marker.openstreet_price_marker .interior_pin_price {
    background: #ffffff !important;
    color: #1a1a2e !important;
    padding: 3px 7px !important;
    border-radius: 6px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    margin-bottom: 4px !important;
    z-index: 10 !important;
    pointer-events: none !important;
    transition: all 0.2s ease !important;
    width: auto !important;
    height: auto !important;
    line-height: normal !important;
    position: static !important;
    transform: none !important;
}

/* Hide default theme arrows */
.wpestate_marker.openstreet_price_marker .interior_pin_price::after,
.wpestate_marker.openstreet_price_marker::before {
    display: none !important;
}

/* The custom SVG pin pointer (rendered as ::after) */
.wpestate_marker.openstreet_price_marker::after {
    content: '' !important;
    display: block !important;
    width: 28px !important;
    height: 36px !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.25)) !important;
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Default / Fallback color (Theme color) */
.wpestate_marker.openstreet_price_marker::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 384 512' fill='%23267188' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0z'/%3E%3Ccircle cx='192' cy='192' r='100' fill='%23ffffff'/%3E%3Cpath fill='%23123d4a' d='M192 130 L125 195 h20 v65 h32 v-30 h30 v30 h32 v-65 h20 Z'/%3E%3C/svg%3E") !important;
}

/* Rent (Green) */
.wpestate_marker.openstreet_price_marker[class*="оренда"]::after,
.wpestate_marker.openstreet_price_marker[class*="rent"]::after,
.wpestate_marker.openstreet_price_marker[class*="orenda"]::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 384 512' fill='%2310b981' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0z'/%3E%3Ccircle cx='192' cy='192' r='100' fill='%23ffffff'/%3E%3Cpath fill='%23064e3b' d='M192 130 L125 195 h20 v65 h32 v-30 h30 v30 h32 v-65 h20 Z'/%3E%3C/svg%3E") !important;
}
.wpestate_marker.openstreet_price_marker[class*="оренда"] .interior_pin_price,
.wpestate_marker.openstreet_price_marker[class*="rent"] .interior_pin_price,
.wpestate_marker.openstreet_price_marker[class*="orenda"] .interior_pin_price {
    border-color: rgba(16,185,129,0.2) !important;
}

/* Sale (Coral Red) */
.wpestate_marker.openstreet_price_marker[class*="продаж"]::after,
.wpestate_marker.openstreet_price_marker[class*="sales"]::after,
.wpestate_marker.openstreet_price_marker[class*="sale"]::after,
.wpestate_marker.openstreet_price_marker[class*="prodazh"]::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 384 512' fill='%23ff5a5f' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0z'/%3E%3Ccircle cx='192' cy='192' r='100' fill='%23ffffff'/%3E%3Cpath fill='%231a1a2e' d='M192 130 L125 195 h20 v65 h32 v-30 h30 v30 h32 v-65 h20 Z'/%3E%3C/svg%3E") !important;
}
.wpestate_marker.openstreet_price_marker[class*="продаж"] .interior_pin_price,
.wpestate_marker.openstreet_price_marker[class*="sales"] .interior_pin_price,
.wpestate_marker.openstreet_price_marker[class*="sale"] .interior_pin_price,
.wpestate_marker.openstreet_price_marker[class*="prodazh"] .interior_pin_price {
    border-color: rgba(255,90,95,0.2) !important;
}

/* Demand (Amber Orange) */
.wpestate_marker.openstreet_price_marker[class*="попит"]::after,
.wpestate_marker.openstreet_price_marker[class*="popyt"]::after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 384 512' fill='%23f59e0b' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0z'/%3E%3Ccircle cx='192' cy='192' r='100' fill='%23ffffff'/%3E%3Cpath fill='%2378350f' d='M192 130 L125 195 h20 v65 h32 v-30 h30 v30 h32 v-65 h20 Z'/%3E%3C/svg%3E") !important;
}
.wpestate_marker.openstreet_price_marker[class*="попит"] .interior_pin_price,
.wpestate_marker.openstreet_price_marker[class*="popyt"] .interior_pin_price {
    border-color: rgba(245,158,11,0.2) !important;
}

/* Hover effects */
.wpestate_marker.openstreet_price_marker:hover::after {
    transform: scale(1.2) translateY(-2px) !important;
}
.wpestate_marker.openstreet_price_marker:hover .interior_pin_price {
    background: #1a1a2e !important;
    color: #ffffff !important;
    border-color: #1a1a2e !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.25) !important;
}

/* ==========================================================================
   RealCity Custom Advanced Search Redesign (Original Website Style)
   ========================================================================== */

/* Tabs Wrapper & Tabs */
.realcity-search-wrapper {
    width: 100%;
    max-width: 1380px;
    margin: 0 auto;
    position: relative;
    font-family: 'Montserrat', 'Inter', sans-serif;
    box-sizing: border-box;
}

.realcity-search-tabs {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 2;
}

.realcity-search-tabs .nav-item {
    margin-right: 4px;
}

.realcity-search-tabs .nav-link {
    display: block;
    padding: 12px 30px;
    font-weight: 600;
    font-size: 15px;
    color: #ffffff;
    background: #b39269; /* Theme Gold Color */
    text-decoration: none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    transition: background 0.15s ease-in-out, color 0.15s;
    cursor: pointer;
    border: 1px solid #b39269;
    border-bottom: none;
}

.realcity-search-tabs .nav-link:hover:not(.active) {
    background: #9c7b53;
    border-color: #9c7b53;
}

.realcity-search-tabs .nav-link.active {
    background: #ffffff;
    color: #1a1a2e; /* Dark theme color */
    border-color: #e2e8f0;
    border-bottom: 1px solid #ffffff; /* Overlap shadow border */
    position: relative;
    z-index: 3;
}

/* Main Search Box */
.realcity-search-container {
    width: 100%;
    background: #ffffff;
    border-radius: 0 12px 12px 12px;
    box-shadow: 0 12px 35px rgba(0,0,0,0.08);
    padding: 24px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    margin-top: -1px; /* Overlap active tab border */
    border: 1px solid #e2e8f0;
}

/* Row 1: Full-Width Keyword Input */
.realcity-keyword-row {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #edf2f7;
}

.realcity-keyword-input {
    width: 100%;
    height: 40px;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    font-size: 16px !important;
    color: #2d3748 !important;
    outline: none !important;
    box-sizing: border-box;
}

.realcity-keyword-input::placeholder {
    color: #a0aec0;
}

/* Row 2: Grid Fields Row */
.realcity-search-fields {
    display: grid;
    grid-template-columns: 1.2fr 1.2fr 1.5fr 1.2fr 2fr auto;
    gap: 0; /* Align fields side-by-side with border dividers */
    align-items: center;
}

/* Field Containers */
.realcity-field {
    display: flex;
    flex-direction: column;
    padding: 0 10px;
    border-right: 1px solid #edf2f7;
    box-sizing: border-box;
    position: relative;
}

.realcity-field:first-child {
    padding-left: 0;
}

.realcity-field.price-field {
    border-right: none;
    padding-right: 10px;
}

.realcity-field label {
    font-size: 11px;
    font-weight: 700;
    color: #b39269; /* Theme Gold Labels */
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    white-space: nowrap !important;
}

/* Borderless Select Options */
.realcity-field select {
    width: 100% !important;
    height: 30px !important;
    background: transparent !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #2d3748 !important;
    outline: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    padding: 0 16px 0 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

/* Custom Select Wrapper for City single-select */
.realcity-select-wrapper {
    position: relative;
    width: 100% !important;
    display: block !important;
}

.realcity-select-wrapper::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    pointer-events: none;
    border-top: 4px solid #718096;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

/* Custom Dropdowns (Multiselect) */
.realcity-multiselect {
    position: relative;
    width: 100%;
}

.realcity-multiselect .multiselect-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 30px;
    background: transparent;
    border: none;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: #2d3748;
    cursor: pointer;
    box-sizing: border-box;
    user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.realcity-multiselect .multiselect-trigger::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 8px;
    vertical-align: middle;
    border-top: 4px solid #718096;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    transition: transform 0.15s;
}

.realcity-multiselect.open .multiselect-trigger::after {
    transform: rotate(180deg);
    border-top-color: #b39269;
}

.realcity-multiselect .multiselect-dropdown {
    position: absolute;
    top: calc(100% + 12px);
    left: -12px;
    right: -12px;
    min-width: 270px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    z-index: 999;
    padding: 12px;
    display: none;
    max-height: 280px;
    overflow-y: auto;
    box-sizing: border-box;
}

/* Dropdown Scrollbar */
.realcity-multiselect .multiselect-dropdown::-webkit-scrollbar {
    width: 6px;
}
.realcity-multiselect .multiselect-dropdown::-webkit-scrollbar-track {
    background: #f7fafc;
    border-radius: 4px;
}
.realcity-multiselect .multiselect-dropdown::-webkit-scrollbar-thumb {
    background: #cbd5e0;
    border-radius: 4px;
}
.realcity-multiselect .multiselect-dropdown::-webkit-scrollbar-thumb:hover {
    background: #a0aec0;
}

/* Dropdown Actions */
.realcity-multiselect .multiselect-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid #edf2f7;
}

.realcity-multiselect .multiselect-actions button {
    height: 26px;
    background: #f7fafc;
    border: 1px solid #cbd5e0;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
    color: #4a5568;
    cursor: pointer;
    transition: all 0.15s;
}

.realcity-multiselect .multiselect-actions button:hover {
    background: #b39269;
    border-color: #b39269;
    color: #ffffff;
}

/* Options */
.realcity-multiselect .multiselect-options label {
    display: flex;
    align-items: center;
    padding: 6px 8px;
    margin: 2px 0;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 500;
    color: #2d3748;
    text-transform: none;
    letter-spacing: normal;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s;
}

.realcity-multiselect .multiselect-options label:hover {
    background: #f7fafc;
}

.realcity-multiselect .multiselect-options input[type="checkbox"] {
    margin-right: 8px;
    accent-color: #b39269;
}

/* Hierarchy */
.realcity-multiselect .option-group {
    margin: 8px 0;
}
.realcity-multiselect .option-parent {
    font-weight: 700 !important;
    color: #1a1a2e !important;
}
.realcity-multiselect .option-children {
    padding-left: 18px;
    border-left: 1px solid #edf2f7;
    margin-left: 6px;
    margin-top: 4px;
}

/* Disabled */
.realcity-multiselect.disabled .multiselect-trigger {
    color: #a0aec0;
    cursor: not-allowed;
}
.realcity-multiselect.disabled .multiselect-trigger::after {
    border-top-color: #a0aec0;
}

/* Price Slider Component */
.realcity-field .price-slider-wrapper {
    background: transparent;
    padding: 0;
    box-sizing: border-box;
}

.realcity-field label.realcity-price-label {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #4a5568 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    margin-bottom: 8px !important;
    white-space: normal !important;
}

.realcity-field label.realcity-price-label .price-range-values {
    color: #0062e3 !important;
    font-weight: 700 !important;
}

/* jQuery UI Slider Styles Override */
.realcity-field .ui-slider-horizontal {
    height: 4px !important;
    background: #e2e8f0 !important;
    border: none !important;
    margin: 10px 4px 0 4px !important;
    border-radius: 2px !important;
}
.realcity-field .ui-slider-horizontal .ui-slider-range {
    background: #0062e3 !important;
    border-radius: 2px !important;
}
.realcity-field .ui-slider-horizontal .ui-slider-handle {
    width: 14px !important;
    height: 14px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e0 !important;
    top: -5px !important;
    cursor: pointer !important;
    outline: none !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.12) !important;
    transition: transform 0.1s ease !important;
}
.realcity-field .ui-slider-horizontal .ui-slider-handle:hover {
    transform: scale(1.1) !important;
}

/* Submit Action Button */
.realcity-submit {
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
}
.realcity-submit .btn-search {
    width: 100%;
    height: 44px;
    background: #b39269;
    border: none;
    border-radius: 6px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease-in-out;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(179,146,105,0.2);
    white-space: nowrap;
}
.realcity-submit .btn-search:hover {
    background: #9c7b53;
}
.realcity-submit .btn-search .search-icon {
    margin-right: 6px;
}

/* Responsive Rules */
@media (max-width: 1199px) {
    .realcity-search-fields {
        grid-template-columns: 1fr 1fr 1fr !important;
        row-gap: 20px !important;
    }
    .realcity-field {
        border-right: none !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .realcity-field.price-field {
        padding-right: 10px !important;
    }
    .realcity-submit {
        grid-column: span 1 !important;
        padding-left: 10px !important;
        margin-top: 0 !important;
    }
}
@media (max-width: 991px) {
    .realcity-search-fields {
        grid-template-columns: 1fr 1fr !important;
        row-gap: 20px !important;
    }
    .realcity-field {
        border-right: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .realcity-field.price-field {
        padding-right: 0 !important;
    }
    .realcity-submit {
        grid-column: span 2 !important;
        padding-left: 0 !important;
        margin-top: 10px !important;
    }
}
@media (max-width: 767px) {
    .realcity-search-container {
        padding: 20px 16px !important;
    }
    .realcity-search-tabs .nav-link {
        padding: 10px 20px !important;
        font-size: 14px !important;
    }
    .realcity-search-fields {
        grid-template-columns: 1fr !important;
        row-gap: 16px !important;
    }
    .realcity-submit {
        grid-column: span 1 !important;
        margin-top: 4px !important;
        padding-left: 0 !important;
    }
}

/* RealCity: Custom Search Form in Half-Map Sidebar */
@media (min-width: 768px) {
    #google_map_prop_list_sidebar .realcity-search-fields {
        grid-template-columns: 1fr 1fr !important;
        row-gap: 20px !important;
        column-gap: 20px !important;
    }
    #google_map_prop_list_sidebar .realcity-field {
        border-right: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #google_map_prop_list_sidebar .realcity-field.price-field {
        grid-column: span 2 !important;
        padding-right: 0 !important;
    }
    #google_map_prop_list_sidebar .realcity-submit {
        grid-column: span 2 !important;
        padding-left: 0 !important;
        margin-top: 10px !important;
    }
    #google_map_prop_list_sidebar .realcity-search-wrapper {
        max-width: 100% !important;
    }
}

/* RealCity: Custom Search Form in Sidebar Widget */
.advanced_search_sidebar .realcity-search-wrapper {
    max-width: 100% !important;
    box-shadow: none !important;
    border: none !important;
    overflow: visible !important;
}

.advanced_search_sidebar .realcity-search-tabs {
    background: #f4efe9 !important;
    border-radius: 30px !important;
    padding: 4px !important;
    border: none !important;
    display: flex !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.advanced_search_sidebar .realcity-search-tabs .nav-item {
    flex: 1 !important;
    margin: 0 !important;
    text-align: center !important;
}

.advanced_search_sidebar .realcity-search-tabs .nav-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 38px !important;
    padding: 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #718096 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 25px !important;
    transition: all 0.25s ease-in-out !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.advanced_search_sidebar .realcity-search-tabs .nav-link:hover:not(.active) {
    color: #b39269 !important;
}

.advanced_search_sidebar .realcity-search-tabs .nav-link.active {
    background: #ffffff !important;
    color: #9c7b53 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.06), 0 1px 3px rgba(0,0,0,0.02) !important;
}

.advanced_search_sidebar .realcity-search-container {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    overflow: visible !important;
}

.advanced_search_sidebar .realcity-search-form {
    overflow: visible !important;
}

.advanced_search_sidebar .realcity-search-fields {
    grid-template-columns: 1fr !important;
    row-gap: 12px !important;
    overflow: visible !important;
}

/* Individual field card style */
.advanced_search_sidebar .realcity-keyword-row,
.advanced_search_sidebar .realcity-field {
    background: #ffffff !important;
    border: 1px solid rgba(179, 146, 105, 0.15) !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.01) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    margin-bottom: 0 !important; /* Managed by grid gap / row-gap */
    box-sizing: border-box !important;
    border-right: 1px solid rgba(179, 146, 105, 0.15) !important; /* Clear override */
    overflow: visible !important;
}

.advanced_search_sidebar .realcity-keyword-row {
    border-bottom: 1px solid rgba(179, 146, 105, 0.15) !important;
    margin-bottom: 12px !important;
}

.advanced_search_sidebar .realcity-keyword-row:hover,
.advanced_search_sidebar .realcity-field:hover {
    border-color: #b39269 !important;
    box-shadow: 0 4px 12px rgba(179, 146, 105, 0.08) !important;
}

.advanced_search_sidebar .realcity-keyword-input {
    width: 100% !important;
    height: 28px !important;
    font-size: 14px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    color: #2d3748 !important;
}

.advanced_search_sidebar .realcity-field label {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #b39269 !important;
    margin-bottom: 4px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    display: block !important;
}

.advanced_search_sidebar .realcity-field select {
    width: 100% !important;
    height: 28px !important;
    line-height: 28px !important;
    font-size: 14px !important;
    color: #2d3748 !important;
    border: none !important;
    background: transparent !important;
    padding: 0 24px 0 0 !important;
    cursor: pointer !important;
}

.advanced_search_sidebar .realcity-select-wrapper::after,
.advanced_search_sidebar .realcity-multiselect .multiselect-trigger::after {
    right: 0 !important;
    border-top: 5px solid #b39269 !important;
    border-right: 4px solid transparent !important;
    border-left: 4px solid transparent !important;
}

/* Multiselect overrides */
.advanced_search_sidebar .realcity-multiselect .multiselect-trigger {
    height: 28px !important;
    line-height: 28px !important;
    font-size: 14px !important;
    color: #2d3748 !important;
    padding: 0 !important;
}

.advanced_search_sidebar .realcity-multiselect .multiselect-dropdown {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    top: calc(100% + 8px) !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12) !important;
    box-sizing: border-box !important;
}

.advanced_search_sidebar .realcity-multiselect .multiselect-actions button {
    border: 1px solid #cbd5e0 !important;
    background: #f7fafc !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #4a5568 !important;
    padding: 4px 8px !important;
    height: auto !important;
    cursor: pointer !important;
}

.advanced_search_sidebar .realcity-multiselect .multiselect-actions button:hover {
    background: #b39269 !important;
    border-color: #b39269 !important;
    color: #ffffff !important;
}

/* Price range section */
.advanced_search_sidebar .realcity-field.price-field {
    grid-column: span 1 !important;
    padding-right: 16px !important; /* Match padding */
}

.advanced_search_sidebar .realcity-field label.realcity-price-label {
    margin-bottom: 12px !important;
}

.advanced_search_sidebar .realcity-field label.realcity-price-label .price-range-values {
    color: #9c7b53 !important;
    font-size: 13px !important;
    display: block !important;
    margin-top: 4px !important;
}

.advanced_search_sidebar .realcity-field .ui-slider-horizontal {
    height: 6px !important;
    background: #eae4dd !important;
    margin: 12px 6px 6px 6px !important;
    border-radius: 4px !important;
}

.advanced_search_sidebar .realcity-field .ui-slider-horizontal .ui-slider-range {
    background: #b39269 !important;
    border-radius: 4px !important;
}

.advanced_search_sidebar .realcity-field .ui-slider-horizontal .ui-slider-handle {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 2px solid #b39269 !important;
    top: -5px !important;
    box-shadow: 0 2px 6px rgba(179,146,105,0.35) !important;
    outline: none !important;
    transition: transform 0.15s ease, border-color 0.15s ease !important;
}

.advanced_search_sidebar .realcity-field .ui-slider-horizontal .ui-slider-handle:hover {
    transform: scale(1.15) !important;
    border-color: #9c7b53 !important;
}

/* Submit button widget override */
.advanced_search_sidebar .realcity-submit {
    grid-column: span 1 !important;
    padding-left: 0 !important;
    margin-top: 8px !important;
}

.advanced_search_sidebar .realcity-submit .btn-search {
    height: 48px !important;
    border-radius: 30px !important;
    background: #b39269 !important;
    box-shadow: 0 4px 12px rgba(179,146,105,0.3) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease-in-out !important;
}

.advanced_search_sidebar .realcity-submit .btn-search:hover {
    background: #9c7b53 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(179,146,105,0.45) !important;
}

.advanced_search_sidebar .realcity-submit .btn-search:active {
    transform: translateY(0) !important;
    box-shadow: 0 3px 10px rgba(179,146,105,0.2) !important;
}

/* RealCity: Increase Header Logo by 30% without expanding header (Desktop only) */
@media only screen and (min-width: 1024px) {
    #logo_image {
        max-height: 80px !important;
        transform: scale(1.3) !important;
        transform-origin: left center !important;
        transition: transform 0.2s ease-in-out !important;
    }
}

/* For mobile header logo */
@media only screen and (max-width: 1023px) {
    #logo_image {
        transform: none !important;
        max-height: 50px !important;
    }
    .mobile-logo img {
        transform: translate(0, -50%) !important;
        max-height: 50px !important;
        width: auto !important;
    }
}

/* Custom background cover and min-height for homepage banner columns */
.elementor-element-1d2c306 {
    background: transparent !important;
    background-image: none !important;
}
.elementor-element-1d2c306 > .elementor-widget-wrap {
    background-image: url('https://bpservice.online/wp-content/uploads/2026/06/banner_carpathian_chalet.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 20px !important;
    min-height: 280px !important;
}
@media only screen and (min-width: 1024px) {
    .elementor-element-1d2c306 > .elementor-widget-wrap {
        margin-right: 20px !important;
        margin-bottom: 0 !important;
    }
}
@media only screen and (max-width: 1023px) {
    .elementor-element-1d2c306 > .elementor-widget-wrap {
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }
}

.elementor-element-2416010 {
    background: transparent !important;
    background-image: none !important;
}
.elementor-element-2416010 > .elementor-widget-wrap {
    background-image: url('https://bpservice.online/wp-content/uploads/2026/06/banner_lviv_penthouse.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 20px !important;
    min-height: 280px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
@media only screen and (min-width: 1024px) {
    .elementor-element-2416010 > .elementor-widget-wrap {
        margin-right: 20px !important;
        margin-bottom: 0 !important;
    }
}
@media only screen and (max-width: 1023px) {
    .elementor-element-2416010 > .elementor-widget-wrap {
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }
}

.elementor-element-234983e {
    background: transparent !important;
    background-image: none !important;
}
.elementor-element-234983e > .elementor-widget-wrap {
    background-image: url('https://bpservice.online/wp-content/uploads/2026/06/banner_lviv_street.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 20px !important;
    min-height: 280px !important;
}
@media only screen and (min-width: 1024px) {
    .elementor-element-234983e > .elementor-widget-wrap {
        margin-right: 20px !important;
        margin-bottom: 0 !important;
    }
}
@media only screen and (max-width: 1023px) {
    .elementor-element-234983e > .elementor-widget-wrap {
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }
}

/* Custom background cover and min-height for About Us page banner columns */
.elementor-element-5c3b4ce {
    background: transparent !important;
    background-image: none !important;
}
.elementor-element-5c3b4ce > .elementor-widget-wrap {
    background-image: url('https://bpservice.online/wp-content/uploads/2026/06/banner_carpathian_chalet.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 20px !important;
    min-height: 280px !important;
}
@media only screen and (min-width: 1024px) {
    .elementor-element-5c3b4ce > .elementor-widget-wrap {
        margin-right: 20px !important;
        margin-bottom: 0 !important;
    }
}
@media only screen and (max-width: 1023px) {
    .elementor-element-5c3b4ce > .elementor-widget-wrap {
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }
}

.elementor-element-360d62f {
    background: transparent !important;
    background-image: none !important;
}
.elementor-element-360d62f > .elementor-widget-wrap {
    background-image: url('https://bpservice.online/wp-content/uploads/2026/06/banner_lviv_penthouse.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 20px !important;
    min-height: 280px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
@media only screen and (min-width: 1024px) {
    .elementor-element-360d62f > .elementor-widget-wrap {
        margin-right: 20px !important;
        margin-bottom: 0 !important;
    }
}
@media only screen and (max-width: 1023px) {
    .elementor-element-360d62f > .elementor-widget-wrap {
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }
}

.elementor-element-7924b1d {
    background: transparent !important;
    background-image: none !important;
}
.elementor-element-7924b1d > .elementor-widget-wrap {
    background-image: url('https://bpservice.online/wp-content/uploads/2026/06/banner_lviv_street.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 20px !important;
    min-height: 280px !important;
}
@media only screen and (min-width: 1024px) {
    .elementor-element-7924b1d > .elementor-widget-wrap {
        margin-right: 20px !important;
        margin-bottom: 0 !important;
    }
}
@media only screen and (max-width: 1023px) {
    .elementor-element-7924b1d > .elementor-widget-wrap {
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }
}

/* Hero section right column (e065492) video penthouse banner */
.elementor-element-e065492,
.elementor-element-e065492 > .elementor-widget-wrap {
    background-image: url('https://bpservice.online/wp-content/uploads/2026/06/banner_lviv_penthouse.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border-radius: 20px !important;
    min-height: 420px !important;
}

.elementor-element-e065492 > .elementor-widget-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* RealCity Hero Section Customizations */

/* 1. Hide the left column that contains the duplicate static text */
.elementor-element-89476f0 {
    display: none !important;
}

/* 1b. Remove background, gradient, overlay image, margins, and padding from parent column container */
.elementor-element-1816763,
.elementor-element-1816763 > .elementor-widget-wrap {
    background: none !important;
    background-image: none !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

.elementor-element-1816763 > .elementor-background-overlay,
.elementor-element-1816763 > .elementor-widget-wrap > .elementor-background-overlay {
    display: none !important;
    background: none !important;
    background-image: none !important;
}

/* 2. Stretch the right column containing the slider to 100% full width */
.elementor-element-e065492,
.elementor-element-e065492 > .elementor-widget-wrap {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    background-image: none !important; /* Prevent parent column background showing through */
}

/* 3. Make the custom slider taller and adjust the border radius to match Screen 4 */
.realcity-hero-slider {
    height: 550px !important;
    border-radius: 20px !important;
}

/* 4. Position the navigation dots on the right side of the slider */
.realcity-slider-dots {
    right: 80px !important;
    left: auto !important;
}

/* 5. Responsive dots positioning and slider height */
@media (max-width: 991px) {
  .realcity-hero-slider {
      height: 480px !important;
  }
  .realcity-slider-dots {
      right: 60px !important;
      left: auto !important;
  }
}

@media (max-width: 767px) {
  /* --------------------------------------------------
     RealCity Mobile Hero & Search Overrides
     -------------------------------------------------- */

  /* 1. Stretch and reset padding/margin of parent column 1816763 */
  .elementor-element-1816763 > .elementor-element-populated {
      padding: 15px 15px !important;
      margin: 0 !important;
  }

  /* 2. Stretch and reset padding/margin of slider column e065492 */
  .elementor-element-e065492 {
      width: 100% !important;
      max-width: 100% !important;
      flex: 0 0 100% !important;
  }
  .elementor-element-e065492 > .elementor-element-populated {
      padding: 0 !important;
      margin: 0 !important;
  }

  /* 3. Reset padding/margin of search section adfb4c2 to full screen width */
  .elementor-element-adfb4c2 {
      padding: 0 15px !important;
      margin: 0 !important;
  }

  /* 4. Stretch search form column a12328f and hide empty column f508571 */
  .elementor-element-a12328f {
      width: 100% !important;
      max-width: 100% !important;
      flex: 0 0 100% !important;
  }
  .elementor-element-f508571 {
      display: none !important;
  }

  /* 5. Override the negative margin-top on the search widget to stack below the slider */
  .elementor-element-8fa5002 {
      margin-top: 15px !important;
      margin-bottom: 20px !important;
  }

  .realcity-hero-slider {
      height: 450px !important;
      min-height: 450px !important;
  }
  .realcity-slides,
  .realcity-slide {
      height: 100% !important;
  }
  .realcity-slide {
      padding: 40px 30px 40px 30px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      text-align: center !important;
      background-size: cover !important;
      background-position: center center !important;
      background-repeat: no-repeat !important;
  }
  .realcity-slide-content {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      text-align: center !important;
      margin: 0 !important;
  }
  .realcity-slide-badge {
      margin-bottom: 12px !important;
      text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) !important;
  }
  .realcity-slide-badge::before {
      content: "" !important;
      display: inline-block !important;
      width: 20px !important;
      height: 1px !important;
      background-color: #c6b07c !important;
      vertical-align: middle !important;
      margin-right: 8px !important;
  }
  .realcity-slide-badge::after {
      width: 20px !important;
      margin-left: 8px !important;
  }
  .realcity-slide-title {
      font-size: 24px !important;
      line-height: 1.3 !important;
      margin-bottom: 15px !important;
      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.8) !important;
  }
  .realcity-slide-desc {
      font-size: 13px !important;
      line-height: 1.5 !important;
      color: rgba(255, 255, 255, 0.95) !important;
      text-shadow: 0 1px 5px rgba(0, 0, 0, 0.8), 0 1px 2px rgba(0, 0, 0, 0.9) !important;
  }
  .realcity-slider-arrow {
      width: 32px !important;
      height: 32px !important;
      font-size: 12px !important;
      top: 50% !important;
      bottom: auto !important;
      transform: translateY(-50%) !important;
      background: rgba(255, 255, 255, 0.15) !important;
      border: 1px solid rgba(255, 255, 255, 0.25) !important;
      backdrop-filter: blur(4px) !important;
      -webkit-backdrop-filter: blur(4px) !important;
  }
  .realcity-slider-arrow:hover {
      background: #c6b07c !important;
      border-color: #c6b07c !important;
      color: #0b2742 !important;
  }
  .realcity-slider-arrow.prev {
      left: 10px !important;
      right: auto !important;
  }
  .realcity-slider-arrow.next {
      right: 10px !important;
      left: auto !important;
  }
  .realcity-slider-dots {
      left: 50% !important;
      right: auto !important;
      bottom: 20px !important;
      transform: translateX(-50%) !important;
      gap: 8px !important;
  }
  .realcity-slider-dot {
      width: 16px !important;
      height: 3px !important;
  }
  .realcity-slider-dot.active {
      width: 28px !important;
  }
  .realcity-slide-overlay {
      background: rgba(0, 0, 0, 0.45) !important;
  }
}

/* Custom local SVG icons for the homepage benefits columns */
.elementor-element-fcc0d68 .elementor-icon {
    display: inline-block !important;
    width: 38px !important;
    height: 38px !important;
    background-image: url('img/complete-shake.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.elementor-element-f3b6c7a .elementor-icon {
    display: inline-block !important;
    width: 38px !important;
    height: 38px !important;
    background-image: url('img/complete-shake.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.elementor-element-efd5902 .elementor-icon {
    display: inline-block !important;
    width: 38px !important;
    height: 38px !important;
    background-image: url('img/chart-icon.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.elementor-element-25b4d64 .elementor-icon {
    display: inline-block !important;
    width: 38px !important;
    height: 38px !important;
    background-image: url('img/icon-info.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.elementor-element-d8ce4fa .elementor-icon {
    display: inline-block !important;
    width: 38px !important;
    height: 38px !important;
    background-image: url('img/home-icon.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* Custom local SVG icons for the About Us page benefits columns */
.elementor-element-51ae235 .elementor-icon {
    display: inline-block !important;
    width: 38px !important;
    height: 38px !important;
    background-image: url('img/complete-shake.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.elementor-element-d2e5f8b .elementor-icon {
    display: inline-block !important;
    width: 38px !important;
    height: 38px !important;
    background-image: url('img/complete-shake.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.elementor-element-e99d4f8 .elementor-icon {
    display: inline-block !important;
    width: 38px !important;
    height: 38px !important;
    background-image: url('img/chart-icon.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.elementor-element-95e4625 .elementor-icon {
    display: inline-block !important;
    width: 38px !important;
    height: 38px !important;
    background-image: url('img/icon-info.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.elementor-element-aede47a .elementor-icon {
    display: inline-block !important;
    width: 38px !important;
    height: 38px !important;
    background-image: url('img/home-icon.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

/* RealCity: Premium interactivity, card styling & hover effects for benefits widgets to show they are clickable */

/* 1. Base card styling for both Homepage and About Us benefits items */
.elementor-element-fcc0d68, .elementor-element-f3b6c7a, .elementor-element-efd5902, .elementor-element-25b4d64, .elementor-element-d8ce4fa,
.elementor-element-51ae235, .elementor-element-d2e5f8b, .elementor-element-e99d4f8, .elementor-element-95e4625, .elementor-element-aede47a {
    cursor: pointer !important;
    background-color: #ffffff !important;
    border: 1px solid #eef2f5 !important;
    border-radius: 16px !important;
    padding: 18px 22px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    box-sizing: border-box !important;
}

/* 2. Responsive display and margins */
@media (max-width: 767px) {
    .elementor-element-fcc0d68, .elementor-element-f3b6c7a, .elementor-element-efd5902, .elementor-element-25b4d64, .elementor-element-d8ce4fa,
    .elementor-element-51ae235, .elementor-element-d2e5f8b, .elementor-element-e99d4f8, .elementor-element-95e4625, .elementor-element-aede47a {
        padding: 14px 18px !important;
        margin: 10px 0 !important;
        width: 100% !important;
        display: block !important;
    }
    /* Force proper alignments for the layout flow inside the card on mobile */
    .elementor-element-fcc0d68 .elementor-icon-box-wrapper,
    .elementor-element-f3b6c7a .elementor-icon-box-wrapper,
    .elementor-element-efd5902 .elementor-icon-box-wrapper,
    .elementor-element-25b4d64 .elementor-icon-box-wrapper,
    .elementor-element-d8ce4fa .elementor-icon-box-wrapper,
    .elementor-element-51ae235 .elementor-icon-box-wrapper,
    .elementor-element-d2e5f8b .elementor-icon-box-wrapper,
    .elementor-element-e99d4f8 .elementor-icon-box-wrapper,
    .elementor-element-95e4625 .elementor-icon-box-wrapper,
    .elementor-element-aede47a .elementor-icon-box-wrapper {
        text-align: left !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }
}

@media (min-width: 768px) {
    .elementor-element-fcc0d68, .elementor-element-f3b6c7a, .elementor-element-efd5902, .elementor-element-25b4d64, .elementor-element-d8ce4fa,
    .elementor-element-51ae235, .elementor-element-d2e5f8b, .elementor-element-e99d4f8, .elementor-element-95e4625, .elementor-element-aede47a {
        min-width: 285px !important;
        margin: 10px 25px 15px 0 !important;
        display: inline-block !important;
    }
}

/* 3. Hover effects - elevation, border highlighting and brand blue soft shadow */
.elementor-element-fcc0d68:hover, .elementor-element-f3b6c7a:hover, .elementor-element-efd5902:hover, .elementor-element-25b4d64:hover, .elementor-element-d8ce4fa:hover,
.elementor-element-51ae235:hover, .elementor-element-d2e5f8b:hover, .elementor-element-e99d4f8:hover, .elementor-element-95e4625:hover, .elementor-element-aede47a:hover {
    transform: translateY(-6px) !important;
    border-color: #267188 !important; /* Staging brand blue */
    box-shadow: 0 14px 30px rgba(38, 113, 136, 0.1) !important; /* Soft blue glowing shadow */
    background-color: #ffffff !important;
}

/* 4. Native click overlay for "Купіть нерухомість" widgets (entire box becomes a link) */
.elementor-element-efd5902, .elementor-element-e99d4f8 {
    position: relative !important;
}
.elementor-element-efd5902 .elementor-icon-box-title a::before,
.elementor-element-e99d4f8 .elementor-icon-box-title a::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 5 !important;
}

/* 5. Micro-animations for benefits icons on card hover */
.elementor-element-fcc0d68 .elementor-icon,
.elementor-element-f3b6c7a .elementor-icon,
.elementor-element-efd5902 .elementor-icon,
.elementor-element-25b4d64 .elementor-icon,
.elementor-element-d8ce4fa .elementor-icon,
.elementor-element-51ae235 .elementor-icon,
.elementor-element-d2e5f8b .elementor-icon,
.elementor-element-e99d4f8 .elementor-icon,
.elementor-element-95e4625 .elementor-icon,
.elementor-element-aede47a .elementor-icon {
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.elementor-element-fcc0d68:hover .elementor-icon,
.elementor-element-f3b6c7a:hover .elementor-icon,
.elementor-element-efd5902:hover .elementor-icon,
.elementor-element-25b4d64:hover .elementor-icon,
.elementor-element-d8ce4fa:hover .elementor-icon,
.elementor-element-51ae235:hover .elementor-icon,
.elementor-element-d2e5f8b:hover .elementor-icon,
.elementor-element-e99d4f8:hover .elementor-icon,
.elementor-element-95e4625:hover .elementor-icon,
.elementor-element-aede47a:hover .elementor-icon {
    transform: scale(1.15) rotate(4deg) !important;
}

/* 6. Dynamic More Link sliding arrow indicator */
.realcity-more-link-wrap {
    margin-top: 6px !important;
    display: block !important;
}
.realcity-more-link {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #267188 !important; /* Staging Blue */
    transition: all 0.25s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.realcity-more-link::after {
    content: " →" !important;
    display: inline-block !important;
    transition: transform 0.25s ease-in-out !important;
}

/* Change link color to gold and slide the arrow on hover */
.elementor-element-fcc0d68:hover .realcity-more-link,
.elementor-element-f3b6c7a:hover .realcity-more-link,
.elementor-element-efd5902:hover .realcity-more-link,
.elementor-element-25b4d64:hover .realcity-more-link,
.elementor-element-d8ce4fa:hover .realcity-more-link,
.elementor-element-51ae235:hover .realcity-more-link,
.elementor-element-d2e5f8b:hover .realcity-more-link,
.elementor-element-e99d4f8:hover .realcity-more-link,
.elementor-element-95e4625:hover .realcity-more-link,
.elementor-element-aede47a:hover .realcity-more-link {
    color: #b39269 !important; /* Brand Gold */
}

.elementor-element-fcc0d68:hover .realcity-more-link::after,
.elementor-element-f3b6c7a:hover .realcity-more-link::after,
.elementor-element-efd5902:hover .realcity-more-link::after,
.elementor-element-25b4d64:hover .realcity-more-link::after,
.elementor-element-d8ce4fa:hover .realcity-more-link::after,
.elementor-element-51ae235:hover .realcity-more-link::after,
.elementor-element-d2e5f8b:hover .realcity-more-link::after,
.elementor-element-e99d4f8:hover .realcity-more-link::after,
.elementor-element-95e4625:hover .realcity-more-link::after,
.elementor-element-aede47a:hover .realcity-more-link::after {
    transform: translateX(5px) !important;
}


/* Custom local SVG/PNG building drawing background for contact section */
.elementor-element-2428165 > .elementor-element-populated > .elementor-background-overlay,
.elementor-element-787b4a1 > .elementor-element-populated > .elementor-background-overlay {
    background-image: url('https://bpservice.online/wp-content/themes/wpresidence-child/img/background-building.png') !important;
    background-position: bottom right !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    opacity: 0.53 !important;
}

/* =========================================================================
   RealCity: Hide AJAX search loader title ("Search Results" / "Результати пошуку") 
   on single posts and pages where it is displayed incorrectly by the parent theme's 
   default templates. Without using !important, so it remains showable via jQuery.show() 
   on actual search pages.
   ========================================================================= */
.wpresidence-content-container-wrapper .listing_loader_title,
.listing_loader_title {
    display: none;
}

/* =========================================================================
   RealCity: Force uniform aspect-ratio and object-fit cover on all property listing card images
   ========================================================================= */
.listing-unit-img-wrapper {
    aspect-ratio: 525 / 328 !important;
    overflow: hidden !important;
    position: relative !important;
}
.listing-unit-img-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* =========================================================================
   RealCity: Header messenger icons styling
   ========================================================================= */
.realcity_header_messengers {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 15px;
}
.realcity-header-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background-color: #f7f9fb !important;
    color: #666666 !important;
    font-size: 15px !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    border: 1px solid #eef2f5 !important;
    text-decoration: none !important;
}
.realcity-header-icon:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
    background-color: #ffffff !important;
}
.realcity-header-icon.call-icon:hover {
    color: #b39269 !important; /* Gold */
    border-color: #b39269 !important;
}
.realcity-header-icon.telegram-icon:hover {
    color: #0088cc !important; /* Telegram Blue */
    border-color: #0088cc !important;
}
.realcity-header-icon.viber-icon:hover {
    color: #7360f2 !important; /* Viber Purple */
    border-color: #7360f2 !important;
}
.realcity-header-icon.whatsapp-icon:hover {
    color: #25d366 !important; /* WhatsApp Green */
    border-color: #25d366 !important;
}

/* Hide header messengers on small mobile screens if space is tight, or adapt them */
@media (max-width: 767px) {
    .realcity_header_messengers {
        margin-right: 8px !important;
        gap: 6px !important;
    }
    .realcity-header-icon {
        width: 30px !important;
        height: 30px !important;
        font-size: 13px !important;
    }
}




/* =========================================================================
   RealCity: Prevent agent heads from being cut off in grids (No Zoom / Contain style)
   ========================================================================= */
.agent_card_2 .property_listing.places_listing {
    background-size: contain !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-color: #f7f9fb !important;
}

/* =========================================================================
   RealCity: Agents Carousel/Slider styles
   ========================================================================= */
.realcity-agents-slider {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 40px !important; /* side padding for arrow navigation */
    box-sizing: border-box !important;
}

/* Slick list & track overrides */
.realcity-agents-slider .slick-list {
    overflow: hidden !important;
    margin: 0 -15px !important; /* negative margin to balance item padding */
}

.realcity-agents-slider .slick-track {
    display: flex !important;
    align-items: stretch !important;
}

/* Individual slide item */
.realcity-slider-item {
    padding: 0 15px !important;
    box-sizing: border-box !important;
    height: auto !important;
    outline: none !important;
}

/* Custom premium navigation arrows */
.realcity-slick-prev,
.realcity-slick-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    background: #ffffff !important;
    border: 1px solid #eef2f5 !important;
    border-radius: 50% !important;
    color: #267188 !important; /* Staging brand blue */
    font-size: 15px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 100 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    padding: 0 !important;
    line-height: 1 !important;
}

.realcity-slick-prev:hover,
.realcity-slick-next:hover {
    background: #267188 !important; /* Brand Blue background on hover */
    color: #ffffff !important; /* White arrow */
    border-color: #267188 !important;
    transform: translateY(-50%) scale(1.08) !important;
    box-shadow: 0 6px 18px rgba(38, 113, 136, 0.25) !important;
}

.realcity-slick-prev {
    left: -10px !important;
}

.realcity-slick-next {
    right: -10px !important;
}

/* Adjustments for mobile viewports */
@media (max-width: 767px) {
    .realcity-agents-slider {
        padding: 0 20px !important;
    }
    .realcity-slick-prev {
        left: -5px !important;
        width: 36px !important;
        height: 36px !important;
        font-size: 13px !important;
    }
    .realcity-slick-next {
        right: -5px !important;
        width: 36px !important;
        height: 36px !important;
        font-size: 13px !important;
    }
}

/* Spacing and margins adjustment for agent Name and Position overlay */
.agent_card_2 .realtor_name {
    position: absolute !important;
    bottom: 36px !important;
    left: 20px !important;
    right: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
}
.agent_card_2 .realtor_name a {
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7) !important;
}
.agent_card_2 .realtor_position {
    position: absolute !important;
    bottom: 18px !important;
    left: 20px !important;
    right: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    color: #f3f3f3 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) !important;
}

/* Force uniform aspect ratio and identical height for all agent card images */
.agent_card_2 img {
    aspect-ratio: 1 / 1.136 !important;
    object-fit: cover !important;
    object-position: center top !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 10px !important;
    background-color: #c3c4c8 !important; /* Unified premium studio-gray background behind transparent agent photo */
}


/* Remove any background color or shadow peeking out from card wrappers */
.agent_card_2 .listing_wrapper,
.agent_card_2 .property_listing.places_listing {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* =========================================================================
   RealCity: Align Blog Cards (Uniform layout for both Grid and Slider)
   ========================================================================= */
.elementor-widget-Wpresidence_Blog_Post_List .items_shortcode_wrapper_grid:not(.slick-initialized) {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}
.elementor-widget-Wpresidence_Blog_Post_List .items_shortcode_wrapper_grid:not(.slick-initialized) .shortcode_wrapper_grid_item {
    display: flex !important;
}
.shortcode_slider_list .slick-track {
    display: flex !important;
    align-items: stretch !important;
}
.shortcode_slider_list .slick-slide {
    height: auto !important;
}
.listing_wrapper.blog4v {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    margin-bottom: 0 !important;
}
.property_listing_blog {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    flex-grow: 1 !important;
    justify-content: flex-start !important;
}
.blog_unit_image img {
    aspect-ratio: 525 / 328 !important;
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 10px !important;
}
.property_listing_blog h4 {
    min-height: 48px !important;
    margin-top: 12px !important;
    margin-bottom: 8px !important;
    line-height: 1.3 !important;
    font-size: 16px !important;
}
.property_listing_blog .listing_details.the_grid_view {
    min-height: 60px !important;
    margin-bottom: 12px !important;
    line-height: 1.5 !important;
}
.property_listing_blog .blog_unit_meta {
    margin-top: auto !important;
}

/* Force 5 columns in a single row on desktop, wrapping to 2 columns on tablet and 1 column on mobile */
@media only screen and (min-width: 1024px) {
    .elementor-widget-Wpresidence_Blog_Post_List .items_shortcode_wrapper_grid[data-row-number="5"] {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 30px !important;
    }
}
@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .elementor-widget-Wpresidence_Blog_Post_List .items_shortcode_wrapper_grid[data-row-number="5"]:not(.slick-initialized) {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}
@media only screen and (max-width: 599px) {
    .elementor-widget-Wpresidence_Blog_Post_List .items_shortcode_wrapper_grid[data-row-number="5"]:not(.slick-initialized) {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
}






/* Force exact height and vertical alignment for banner columns on desktop to prevent stretching */
@media only screen and (min-width: 1024px) {
    .elementor-element-1d2c306,
    .elementor-element-2416010,
    .elementor-element-234983e,
    .elementor-element-5c3b4ce,
    .elementor-element-360d62f,
    .elementor-element-7924b1d {
        height: 570px !important;
        align-self: center !important;
    }
    .elementor-element-1d2c306 > .elementor-widget-wrap,
    .elementor-element-2416010 > .elementor-widget-wrap,
    .elementor-element-234983e > .elementor-widget-wrap,
    .elementor-element-5c3b4ce > .elementor-widget-wrap,
    .elementor-element-360d62f > .elementor-widget-wrap,
    .elementor-element-7924b1d > .elementor-widget-wrap {
        height: 570px !important;
    }
}


/* Hide "Schedule a Tour" block on single property page */
#accordion_property_schedule_tour {
    display: none !important;
}
/* Hide sticky navigation bar link to "Schedule a Tour" */
.wpestate_top_property_navigation_link[href="#accordion_property_schedule_tour"] {
    display: none !important;
}

/* =========================================================================
   RealCity: Stack phone number and messengers inside mobile menu drawer
   ========================================================================= */
.realcity_header_phone_number_mobile {
    display: none;
}
.snap-drawer-left .header_phone,
.mobilewrapper .header_phone {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 20px 24px !important;
    border-bottom: 1px solid #eef2f5 !important;
}
.snap-drawer-left .header_phone > svg,
.snap-drawer-left .header_phone .header_phone_text,
.mobilewrapper .header_phone > svg,
.mobilewrapper .header_phone .header_phone_text {
    display: none !important; /* Hide standard svg and default phone text list format */
}
.snap-drawer-left .realcity_header_messengers_wrapper,
.mobilewrapper .realcity_header_messengers_wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}
.snap-drawer-left .realcity_header_messengers,
.mobilewrapper .realcity_header_messengers {
    margin: 0 !important;
    justify-content: center !important;
}
.snap-drawer-left .realcity_header_phone_number_mobile,
.mobilewrapper .realcity_header_phone_number_mobile {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 15px !important;
    width: 100% !important;
}
.snap-drawer-left .realcity_header_phone_number_mobile a,
.mobilewrapper .realcity_header_phone_number_mobile a {
    display: block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #222222 !important;
    text-decoration: none !important;
    transition: color 0.25s ease !important;
}
.snap-drawer-left .realcity_header_phone_number_mobile a:hover,
.mobilewrapper .realcity_header_phone_number_mobile a:hover {
    color: #b39269 !important; /* Gold on hover */
}
.snap-drawer-left .realcity_header_phone_number_mobile .phone_separator,
.mobilewrapper .realcity_header_phone_number_mobile .phone_separator {
    display: none !important;
}
.snap-drawer-left .mobilemenu-close,
.mobilewrapper .mobilemenu-close {
    color: #222222 !important;
}

/* Call Icon specific styling and subtle ringing animation */
@keyframes phone-wiggle {
    0%, 70%, 100% { transform: rotate(0) scale(1); }
    75% { transform: rotate(-15deg) scale(1.1); }
    80% { transform: rotate(15deg) scale(1.1); }
    85% { transform: rotate(-10deg) scale(1.1); }
    90% { transform: rotate(10deg) scale(1.1); }
    95% { transform: rotate(-5deg) scale(1.1); }
}

.realcity-header-icon.call-icon {
    background-color: #b39269 !important; /* Gold background */
    color: #ffffff !important; /* White icon */
    border-color: #b39269 !important;
    animation: phone-wiggle 3s infinite ease-in-out;
}

.realcity-header-icon.call-icon i {
    color: #ffffff !important;
}

.realcity-header-icon.call-icon:hover {
    background-color: #9c7b53 !important;
    border-color: #9c7b53 !important;
    transform: translateY(-3px) rotate(0) scale(1) !important;
}

/* RealCity: Hide Schedule a Tour block, buttons and sticky navigation links globally */
.schedule_meeting,
.schedule_wrapper,
a.wpestate_top_property_navigation_link[href*="schedule_tour"],
#accordion_property_schedule_tour {
    display: none !important;
}

/* RealCity: Hide Add to Favorites button on single property page */
#add_favorites {
    display: none !important;
}

/* RealCity: Styling for Viber and Telegram share buttons */
.share_unit .social_viber:after {
    content: "\f409";
    font-family: "Font Awesome 5 Brands";
    font-size: 16px;
}
.share_unit .social_telegram:after {
    content: "\f2c6";
    font-family: "Font Awesome 5 Brands";
    font-size: 16px;
}
.prop_social .share_unit .social_viber:after,
.prop_social .share_unit .social_telegram:after {
    font-size: 13px;
    left: 10px;
    position: absolute;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}

/* RealCity: Hide phone receiver icon in header/mobile menu globally */
.realcity-header-icon.call-icon {
    display: none !important;
}

/* RealCity: Floating phone button for mobile version */
.realcity-phone-box {
    align-content: center !important;
    align-items: center !important;
    background-color: #fff !important;
    border-radius: var(--wp-estate-border-radius-corner-option, var(--wp_estate_border_radius_corner)) !important;
    bottom: 10px !important;
    box-shadow: 0 0 27px 0 rgba(0,0,0,.045) !important;
    color: #222 !important;
    display: none !important; /* Hidden on desktop by default */
    font-size: 15px !important;
    height: 50px !important;
    justify-content: center !important;
    opacity: 0 !important;
    position: fixed !important;
    right: -185px !important; /* Start out of screen */
    text-decoration: none !important;
    transition: all .4s ease !important;
    width: 50px !important;
    z-index: 102 !important;
}

.realcity-phone-box i {
    color: #222 !important;
}

.realcity-phone-box:hover {
    background-color: #f7f9fb !important;
    color: #b39269 !important;
}

.realcity-phone-box:hover i {
    color: #b39269 !important;
}

@media only screen and (max-width: 1023px) {
    .realcity-phone-box {
        display: flex !important; /* Show on mobile/tablet */
        margin-right: 0 !important; /* Remove horizontal offset */
        bottom: 70px !important; /* Position just above the bottom mobile navigation bar */
    }
    .realcity-phone-box.islive {
        opacity: .9 !important;
        right: 15px !important;
    }
    
    .contact-box {
        bottom: 130px !important; /* Stack above the phone button */
    }
    .contact-box.islive {
        right: 15px !important;
        margin-right: 0 !important;
    }
    
    .backtop {
        bottom: 190px !important; /* Stack above the contact-box */
    }
    .backtop.islive {
        right: 15px !important;
        margin-right: 0 !important;
    }

    /* Hide redundant floating call and email buttons on single property pages (mobile contact bar is present) */
    .single-estate_property .realcity-phone-box,
    .single-estate_property .contact-box {
        display: none !important;
    }
    /* Move scroll-to-top button down to sit neatly above the contact bar when it is the only active button */
    .single-estate_property .backtop {
        bottom: 70px !important;
    }
}

/* =========================================================================
   RealCity: Homepage Mobile Version Enhancements
   ========================================================================= */

/* Recent Properties Button */
.realcity-load-more-properties-btn {
    display: none; /* Hidden by default (desktop) */
}

@media only screen and (max-width: 767px) {
    /* Hide the default Wpresidence AJAX button wrapper inside Recent Properties block initially */
    .elementor-element-b8738d3 .listinglink-wrapper_sh_listings {
        display: none;
    }

    /* Style default Wpresidence load more button to look gold and premium */
    .elementor-element-b8738d3 .wpresidence_button.wpestate_item_list_sh {
        display: block !important;
        width: 100% !important;
        max-width: 320px !important;
        margin: 15px auto !important;
        padding: 14px 24px !important;
        background-color: #b39269 !important; /* Premium brand gold */
        color: #ffffff !important;
        border: none !important;
        border-radius: 30px !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        text-align: center !important;
        cursor: pointer !important;
        box-shadow: 0 4px 15px rgba(179, 146, 105, 0.2) !important;
        transition: all 0.3s ease !important;
        float: none !important;
    }
    
    .elementor-element-b8738d3 .wpresidence_button.wpestate_item_list_sh:hover,
    .elementor-element-b8738d3 .wpresidence_button.wpestate_item_list_sh:active {
        background-color: #267188 !important; /* Premium brand blue on hover */
        box-shadow: 0 6px 20px rgba(38, 113, 136, 0.3) !important;
    }

    .realcity-load-more-properties-btn {
        display: block !important;
        width: calc(100% - 30px);
        max-width: 320px;
        margin: 25px auto 10px auto;
        padding: 14px 24px;
        background-color: #b39269 !important; /* Premium brand gold */
        color: #ffffff !important;
        border: none !important;
        border-radius: 30px !important;
        font-family: 'Montserrat', sans-serif;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        cursor: pointer;
        box-shadow: 0 4px 15px rgba(179, 146, 105, 0.2);
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        outline: none !important;
    }
    
    .realcity-load-more-properties-btn:hover,
    .realcity-load-more-properties-btn:active {
        background-color: #267188 !important; /* Premium brand blue */
        box-shadow: 0 6px 20px rgba(38, 113, 136, 0.3);
        transform: translateY(-2px);
    }

    /* Recommended Categories Carousel Styles */
    .realcity-categories-carousel-wrapper {
        overflow-x: hidden !important;
        overflow-y: hidden !important;
        padding: 0 30px !important; /* Space for arrows */
        cursor: default !important;
    }
    
    .realcity-categories-carousel-track {
        display: block !important;
        width: auto !important;
        padding: 0 !important;
        gap: 0 !important;
    }
    
    .realcity-categories-carousel-track .realcity-category-card {
        margin: 0 !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }
    
    .realcity-categories-carousel-track .realcity-category-card-bg {
        height: 250px !important;
    }

    /* Adjust categories slider arrows styling on mobile */
    .realcity-cat-slick-prev,
    .realcity-cat-slick-next {
        width: 36px !important;
        height: 36px !important;
        background: #ffffff !important;
        color: #267188 !important;
        border: 1px solid #eef2f5 !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    }
    
    .realcity-cat-slick-prev {
        left: -5px !important;
    }
    
    .realcity-cat-slick-next {
        right: -5px !important;
    }

    /* Blog Slick Slider Styles on Mobile */
    .elementor-element-4290ecc .wpresidence_shortcode_listings_wrapper {
        padding: 0 30px !important;
        overflow: visible !important;
    }
    
    .elementor-element-4290ecc .items_shortcode_wrapper_grid.slick-initialized {
        display: block !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .elementor-element-4290ecc .items_shortcode_wrapper_grid.slick-initialized .shortcode_wrapper_grid_item {
        margin: 0 !important;
        padding: 0 10px !important; /* Matches categories card padding */
        box-sizing: border-box !important;
        height: auto !important; /* Prevent height collapse in Slick */
        outline: none !important;
    }

    /* Prevent height collapse in Slick blog slides on mobile */
    .elementor-element-4290ecc .items_shortcode_wrapper_grid.slick-initialized .slick-track,
    .elementor-element-4290ecc .items_shortcode_wrapper_grid.slick-initialized .slick-list {
        height: auto !important;
    }
    
    .elementor-element-4290ecc .items_shortcode_wrapper_grid.slick-initialized .listing_wrapper.blog4v,
    .elementor-element-4290ecc .items_shortcode_wrapper_grid.slick-initialized .property_listing_blog {
        height: auto !important; /* Override 100% height to prevent 0px collapse inside Slick */
        display: flex !important;
        flex-direction: column !important;
    }

    /* Adjust blog slider arrows styling on mobile */
    .elementor-element-4290ecc .realcity-blog-slick-prev,
    .elementor-element-4290ecc .realcity-blog-slick-next {
        width: 36px !important;
        height: 36px !important;
        background: #ffffff !important;
        color: #267188 !important;
        border: 1px solid #eef2f5 !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    }
    
    .elementor-element-4290ecc .realcity-blog-slick-prev {
        left: -5px !important;
    }
    
    .elementor-element-4290ecc .realcity-blog-slick-next {
        right: -5px !important;
    }
}

/* RealCity: Fix agent profile picture crop and resolution on single agent and property pages */
.wpestate_agent_details_wrapper .agentpic-wrapper .agent-listing-img-wrapper .agentpict {
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    border-radius: 10px !important;
    height: 360px !important;
}

/* For specific agents with transparent portrait photos, use contain to prevent cropping their heads */
.postid-37541 .wpestate_agent_details_wrapper .agentpic-wrapper .agent-listing-img-wrapper .agentpict, /* Роман */
.postid-28766 .wpestate_agent_details_wrapper .agentpic-wrapper .agent-listing-img-wrapper .agentpict, /* Юрій */
.postid-28764 .wpestate_agent_details_wrapper .agentpic-wrapper .agent-listing-img-wrapper .agentpict, /* Ліна */
.postid-28763 .wpestate_agent_details_wrapper .agentpic-wrapper .agent-listing-img-wrapper .agentpict, /* Валентин */
.postid-28762 .wpestate_agent_details_wrapper .agentpic-wrapper .agent-listing-img-wrapper .agentpict, /* Дмитро */
.postid-37543 .wpestate_agent_details_wrapper .agentpic-wrapper .agent-listing-img-wrapper .agentpict, /* Іванка */
.postid-37537 .wpestate_agent_details_wrapper .agentpic-wrapper .agent-listing-img-wrapper .agentpict  /* Оксана */ {
    background-size: contain !important;
    background-position: bottom center !important;
}


/* RealCity: Solid gray background (#c3c4c8) for all agent circular thumbnails, widgets, and profile cards */
.property_agent_image,
.agent_face,
.agent_unit_widget_sidebar,
.agentpict {
    background-color: #c3c4c8 !important;
}

/* Category Slider Custom Styling */
.realcity-categories-slider-container {
    position: relative;
    width: 100%;
    padding: 0 40px !important;
    box-sizing: border-box;
}

.realcity-categories-slider {
    margin: 0 -10px;
}

.realcity-category-slide {
    padding: 10px;
    box-sizing: border-box;
    outline: none;
}

@media (max-width: 767px) {
    .realcity-categories-slider-container {
        padding: 0 20px !important;
    }
    
    .realcity-hide-mobile {
        display: none !important;
    }
}

/* Map Controls Mobile Optimization */
@media (max-width: 767px) {
    #gmap-control {
        right: 10px !important;
        top: 10px !important;
        height: 36px !important;
    }
    
    #gmap-control span {
        font-size: 0 !important;
        padding: 0 10px !important;
        line-height: 36px !important;
        gap: 0 !important;
    }
    
    #gmap-control span i {
        font-size: 14px !important;
    }
}

/* RealCity: Hide previous/next navigational arrows and property/agent links globally */
.navigational_links {
    display: none !important;
}

/* RealCity: Hide search widget block in sidebar on Contacts page */
.page-id-5707 #block-2 {
    display: none !important;
}

/* RealCity: Force Elementor pattern dividers to use correct gold color and width globally */
.elementor-widget-divider--separator-type-pattern .elementor-divider-separator {
    background-color: #D2C196 !important;
    color: #D2C196 !important;
    width: 60px !important;
}

/* RealCity: Hide phone handset icon next to phone number in the header globally */
.header_phone > svg {
    display: none !important;
}

/* RealCity: Hide Search, Recent Posts, and Recent Comments widgets on Single Post page */
.single #block-2,
.single #block-3,
.single #block-4,
.single-post #block-2,
.single-post #block-3,
.single-post #block-4 {
    display: none !important;
}

/* RealCity: Hide registration switcher links and registration form wrapper since registration is disabled */
.wpestate_login_form_switch_register,
.login_form.wpestate_register_form_wrapper,
a[href="#"][class*="switch_register"],
#register-div {
    display: none !important;
}

/* RealCity: Legal links & copyright in footer styling */
.sub_footer_content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 12px !important;
    width: 100% !important;
}

.realcity-copyright-container {
    max-width: 1000px !important;
    font-size: 13px;
    line-height: 1.6;
    color: inherit;
    text-align: center !important;
    margin-top: 6px !important;
}

.realcity-copyright-text {
    font-weight: normal;
    opacity: 0.8;
    margin: 0 !important;
}

.realcity-copyright-text a {
    color: inherit;
    text-decoration: underline;
}

.realcity-copyright-text a:hover {
    opacity: 0.7;
}

.realcity-legal-container {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 24px;
    font-size: 13px;
    color: inherit;
    opacity: 0.85;
    width: 100%;
}

.realcity-legal-container a {
    color: inherit;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.realcity-legal-container a:hover {
    opacity: 0.7;
    text-decoration: underline;
}

.realcity-legal-separator {
    opacity: 0.5;
}

/* Hide empty background columns in the middle banner on mobile */
@media (max-width: 767px) {
    .elementor-element-1d2c306,
    .elementor-element-234983e {
        display: none !important;
    }
}

/* ==========================================================================
   WpResidence Custom Property Gallery Lightbox overrides
   ========================================================================== */

/* Make ONLY the box containing the photo white instead of black (the bars on the left/right of the photo) */
.lightbox_property_wrapper .lightbox_property_content.row .lightbox_property_slider #owl-demo .item,
.lightbox_property_wrapper .lightbox_property_content.row .lightbox_property_slider #owl-demo .slick-slide,
.lightbox_property_wrapper .lightbox_property_content.row .lightbox_property_slider .owl-carousel .owl-item .itemimage,
.lightbox_property_wrapper .owl-carousel .owl-item .item,
.lightbox_property_wrapper .owl-carousel .owl-item .itemimage,
#owl-demo .item,
#owl-demo .slick-slide,
.lightbox_property_wrapper_level2 {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* When the contact form is disabled, the level2 container covers the full screen.
   In that case, the level2 container itself serves as the dark backdrop, and we only want the actual photo box to be white. */
.lightbox_property_wrapper_level2.lightbox_wrapped_no_contact.ligtbox_no_crop {
    background: rgba(0, 0, 0, 0.75) !important; /* Keep full-screen backdrop dark */
}

/* Style the inner slider container as a white box when full-screen is open */
.lightbox_property_wrapper_level2.lightbox_wrapped_no_contact.ligtbox_no_crop .lightbox_property_slider {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
    padding: 10px !important;
}

/* Ensure the navigation arrows on the white photo box are dark gray/black so they are visible */
.lightbox_property_wrapper .owl-next,
.lightbox_property_wrapper .owl-prev,
.lightbox_property_wrapper .slick-next,
.lightbox_property_wrapper .slick-prev,
#owl-demo button.slick-next.slick-arrow,
#owl-demo button.slick-prev.slick-arrow {
    background: rgba(0, 0, 0, 0.05) !important;
    color: #1c1c1c !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    text-align: center !important;
    transition: background-color 0.3s, color 0.3s !important;
}

.lightbox_property_wrapper .owl-next:hover,
.lightbox_property_wrapper .owl-prev:hover,
.lightbox_property_wrapper .slick-next:hover,
.lightbox_property_wrapper .slick-prev:hover,
#owl-demo button.slick-next.slick-arrow:hover,
#owl-demo button.slick-prev.slick-arrow:hover {
    background: rgba(0, 0, 0, 0.12) !important;
    color: #000000 !important;
}

.lightbox_property_wrapper .owl-next i,
.lightbox_property_wrapper .owl-prev i,
.lightbox_property_wrapper .slick-next i,
.lightbox_property_wrapper .slick-prev i {
    color: #1c1c1c !important;
}

/* Close button on property lightbox */
.lightbox_property_wrapper .lighbox-image-close {
    background-color: rgba(0, 0, 0, 0.05) !important;
    border-radius: 50% !important;
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s !important;
}

.lightbox_property_wrapper .lightbox-image-close i {
    color: #1c1c1c !important;
    font-size: 16px !important;
    height: auto !important;
    line-height: normal !important;
    width: auto !important;
}

/* Ensure H2 blog card titles visually match the original H4 design size */
h2.blog_unit_title,
.blog_unit_title,
.blog_listing_unit h2 {
    font-size: 20px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* --- RealCity: Native Property Status Pill Badges Styling --- */

/* Base badge pill styling (applies to all: category, action, and status) */
.slider-property-status,
.ribbon-inside,
.property_status,
.property_title_label,
.action_tag_wrapper {
    border-radius: 20px !important; /* Pill shape */
    padding: 6px 16px !important;   /* Padding */
    text-transform: none !important; /* Normal case */
    font-weight: bold !important;
    font-size: 13px !important;
    line-height: normal !important;
    height: auto !important;
}

/* Status: Рекомендовано (Green pill) */
.slider-property-status.rekomendovano,
.ribbon-inside.rekomendovano,
.property_status.rekomendovano,
.property_title_label.rekomendovano,
.slider-property-status.Рекомендовано,
.ribbon-inside.Рекомендовано,
.property_status.Рекомендовано,
.property_title_label.Рекомендовано,
.slider-property-status.рекомендовано,
.ribbon-inside.рекомендовано,
.property_status.рекомендовано,
.property_title_label.рекомендовано {
    background-color: #2ecc71 !important;
    color: #ffffff !important;
    border-color: #2ecc71 !important;
}

/* Status: Здано / Продано (Gray pill) */
.slider-property-status.zdano,
.ribbon-inside.zdano,
.property_status.zdano,
.property_title_label.zdano,
.slider-property-status.Здано,
.ribbon-inside.Здано,
.property_status.Здано,
.property_title_label.Здано,
.slider-property-status.здано,
.ribbon-inside.здано,
.property_status.здано,
.property_title_label.здано,
.slider-property-status.prodano,
.ribbon-inside.prodano,
.property_status.prodano,
.property_title_label.prodano,
.slider-property-status.Продано,
.ribbon-inside.Продано,
.property_status.Продано,
.property_title_label.Продано,
.slider-property-status.продано,
.ribbon-inside.продано,
.property_status.продано,
.property_title_label.продано {
    background-color: #7f8c8d !important;
    color: #ffffff !important;
    border-color: #7f8c8d !important;
}

/* Status: Відкладено / Заброньовано (Orange pill) */
.slider-property-status.vidkladeno,
.ribbon-inside.vidkladeno,
.property_status.vidkladeno,
.property_title_label.vidkladeno,
.slider-property-status.Відкладено,
.ribbon-inside.Відкладено,
.property_status.Відкладено,
.property_title_label.Відкладено,
.slider-property-status.відкладено,
.ribbon-inside.відкладено,
.property_status.відкладено,
.property_title_label.відкладено,
.slider-property-status.zabronyovano,
.ribbon-inside.zabronyovano,
.property_status.zabronyovano,
.property_title_label.zabronyovano,
.slider-property-status.Заброньовано,
.ribbon-inside.Заброньовано,
.property_status.Заброньовано,
.property_title_label.Заброньовано,
.slider-property-status.заброньовано,
.ribbon-inside.заброньовано,
.property_status.заброньовано,
.property_title_label.заброньовано {
    background-color: #f39c12 !important;
    color: #ffffff !important;
    border-color: #f39c12 !important;
}

/* Status: Гаряча пропозиція (Red pill) */
.slider-property-status.haryacha-propozytsiya,
.ribbon-inside.haryacha-propozytsiya,
.property_status.haryacha-propozytsiya,
.property_title_label.haryacha-propozytsiya,
.slider-property-status.Гаряча-пропозиція,
.ribbon-inside.Гаряча-пропозиція,
.property_status.Гаряча-пропозиція,
.property_title_label.Гаряча-пропозиція,
.slider-property-status.гаряча-пропозиція,
.ribbon-inside.гаряча-пропозиція,
.property_status.гаряча-пропозиція,
.property_title_label.гаряча-пропозиція {
    background-color: #e74c3c !important;
    color: #ffffff !important;
    border-color: #e74c3c !important;
}

/* Status: Новинка (Blue pill) */
.slider-property-status.novynka,
.ribbon-inside.novynka,
.property_status.novynka,
.property_title_label.novynka,
.slider-property-status.Новинка,
.ribbon-inside.Новинка,
.property_status.Новинка,
.property_title_label.Новинка,
.slider-property-status.новинка,
.ribbon-inside.новинка,
.property_status.новинка,
.property_title_label.новинка {
    background-color: #3498db !important;
    color: #ffffff !important;
    border-color: #3498db !important;
}














