{"id":1402,"date":"2025-11-28T08:50:57","date_gmt":"2025-11-28T08:50:57","guid":{"rendered":"https:\/\/www.staging.click\/montecarlo\/proprietes\/"},"modified":"2025-12-08T09:43:05","modified_gmt":"2025-12-08T09:43:05","slug":"proprietes","status":"publish","type":"page","link":"https:\/\/www.staging.click\/montecarlo\/fr\/proprietes\/","title":{"rendered":"Propri\u00e9t\u00e9s"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1402\" class=\"elementor elementor-1402 elementor-384\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-651d69e e-con-full e-flex e-con e-parent\" data-id=\"651d69e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a82ad3 elementor-widget elementor-widget-shortcode\" data-id=\"3a82ad3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<script>\n    console.log(\"Properties from backend:\", {\n    \"get\": {\n        \"locale\": \"fr\",\n        \"nbpp\": \"12\",\n        \"page\": 1\n    },\n    \"atts\": {\n        \"nbpp\": \"12\"\n    },\n    \"list\": [],\n    \"count\": 0,\n    \"page\": 1,\n    \"num_pages\": \"0\",\n    \"url\": \"https:\\\/\\\/www.staging.click\\\/montecarlo\\\/fr\\\/proprietes\\\/\",\n    \"url_previous\": \"\",\n    \"url_next\": \"\",\n    \"url_current\": \"https:\\\/\\\/www.staging.click\\\/montecarlo\\\/fr\\\/proprietes\\\/?\"\n});\n<\/script>\n\n\n<div class=\"property-page-header\">\n    <div class=\"header-wrapper\">\n        <h1 id=\"pageTitle\">\n            \n            Exclusive Properties in and Around Monaco\n            \n           <\/h1>\n    <p id=\"pageSubtitle\">Discover our curated selection of residences and investment opportunities.<\/p>\n    \n    \n    <div class=\"property-search\">\n        <style>\n        \/* ImmoToolbox Property Search Form - Styled to Match Image *\/\n        .immotoolbox-search-form {\n            display: flex !important;\n            \/*flex-wrap: nowrap !important;*\/\n            align-items: stretch !important;\n            margin: 0 !important;\n            padding: 0 !important;\n            background: transparent !important;\n            gap: 12px !important;\n        }\n        \n        .immotoolbox-search-form .form-group {\n            flex: 1 1 0 !important;\n            margin: 0 !important;\n            padding: 0 !important;\n            min-width: 0 !important;\n            max-width: none !important;\n        }\n        \n        \/* Hide labels completely *\/\n        .immotoolbox-search-form .form-group label {\n            display: none !important;\n        }\n        \n        \/* Style all form controls - white background with borders *\/\n        .immotoolbox-search-form .form-control,\n        .immotoolbox-search-form select.form-control {\n            height: 50px !important;\n            border: 1px solid #e5e7eb !important;\n            border-radius: 0 !important;\n            padding: 12px 16px !important;\n            font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n            font-size: 15px !important;\n            color: #374151 !important;\n            background-color: #ffffff !important;\n            width: 100% !important;\n            box-shadow: none !important;\n            appearance: none !important;\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' fill='%23374151' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'\/%3E%3C\/svg%3E\") !important;\n            background-repeat: no-repeat !important;\n            background-position: right 12px center !important;\n            padding-right: 35px !important;\n        }\n        \n        \/* Text inputs without dropdown arrow *\/\n        .immotoolbox-search-form input[type=\"text\"].form-control {\n            background-image: none !important;\n            padding-right: 16px !important;\n            font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n        }\n        \n        \/* First field - rounded left corners *\/\n        .immotoolbox-search-form .form-group:first-child .form-control,\n        .immotoolbox-search-form .form-group:first-child .bootstrap-select .dropdown-toggle {\n            border-top-left-radius: 4px !important;\n            border-bottom-left-radius: 4px !important;\n        }\n        \n        \/* Last field before button - add right border *\/\n        .immotoolbox-search-form .form-group:nth-last-child(2) .form-control,\n        .immotoolbox-search-form .form-group:nth-last-child(2) .bootstrap-select .dropdown-toggle {\n            border-right: 1px solid #e5e7eb !important;\n        }\n        \n        \/* Placeholder styling *\/\n        .immotoolbox-search-form input.form-control::placeholder {\n            color: #9ca3af !important;\n            font-size: 15px !important;\n            font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n        }\n        \n        \/* Focus states - subtle blue border *\/\n        .immotoolbox-search-form .form-control:focus {\n            border-color: #3b82f6 !important;\n            outline: none !important;\n            box-shadow: 0 0 0 1px #3b82f6 !important;\n            z-index: 10 !important;\n            position: relative !important;\n        }\n        \n        \/* Bootstrap Select Plugin Styling *\/\n        .immotoolbox-search-form .bootstrap-select {\n            width: 100% !important;\n        }\n        \n        .immotoolbox-search-form .bootstrap-select .dropdown-toggle {\n            height: 50px !important;\n            border: 1px solid #e5e7eb !important;\n            border-radius: 0 !important;\n            border-right: none !important;\n            padding: 12px 16px !important;\n            font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n            font-size: 15px !important;\n            color: #374151 !important;\n            background-color: #ffffff !important;\n            display: flex !important;\n            align-items: center !important;\n            box-shadow: none !important;\n            padding-right: 35px !important;\n        }\n        \n        .immotoolbox-search-form .bootstrap-select .dropdown-toggle:focus {\n            border-color: #3b82f6 !important;\n            outline: none !important;\n            box-shadow: 0 0 0 1px #3b82f6 !important;\n            z-index: 10 !important;\n        }\n        \n        .immotoolbox-search-form .bootstrap-select .dropdown-toggle .filter-option {\n            color: #374151 !important;\n            font-size: 15px !important;\n            font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n        }\n        \n        .immotoolbox-search-form .bootstrap-select .dropdown-toggle .caret {\n            border-top-color: #374151 !important;\n        }\n        \n        \/* Search button - dark blue, no gap *\/\n        .immotoolbox-search-form .btn-primary {\n            height: 50px !important;\n            background-color: #1e3a8a !important;\n            border: 1px solid #1e3a8a !important;\n            border-radius: 0 4px 4px 0 !important;\n            color: #ffffff !important;\n            font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n            font-size: 15px !important;\n            padding: 0 32px !important;\n            cursor: pointer !important;\n            white-space: nowrap !important;\n            width: 100% !important;\n            transition: background-color 0.2s ease !important;\n            box-shadow: none !important;\n        }\n        \n        .immotoolbox-search-form .btn-primary:hover {\n            background-color: #31ADFF !important;\n            border-color: #31ADFF !important;\n        }\n        \n        .immotoolbox-search-form .btn-primary:active {\n            background-color: #1e3a8a !important;\n            border-color: #1e3a8a !important;\n            box-shadow: none !important;\n            outline: none !important;\n        }\n        \n        \/* Remove any extra spacing *\/\n        .immotoolbox-search-form > div {\n            padding: 0 !important;\n            margin: 0 !important;\n        }\n        \n        \/* Dropdown menu styling *\/\n        .immotoolbox-search-form .bootstrap-select .dropdown-menu {\n            border: 1px solid #e5e7eb !important;\n            border-radius: 4px !important;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;\n            margin-top: 4px !important;\n        }\n        \n        .immotoolbox-search-form .bootstrap-select .dropdown-menu li a {\n            padding: 8px 16px !important;\n            font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n            font-size: 15px !important;\n            color: #374151 !important;\n        }\n        \n        .immotoolbox-search-form .bootstrap-select .dropdown-menu li a:hover {\n            background-color: #f3f4f6 !important;\n        }\n\n        \/* Mobile Filter Button *\/\n        .mobile-filter-button {\n            display: none !important;\n            position: fixed !important;\n            bottom: 20px !important;\n            left: 50% !important;\n            transform: translateX(-50%) !important;\n            z-index: 1000 !important;\n            background-color: #1e3a8a !important;\n            color: #ffffff !important;\n            border: none !important;\n            border-radius: 25px !important;\n            padding: 12px 32px !important;\n            font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n            font-size: 15px !important;\n            font-weight: 500 !important;\n            cursor: pointer !important;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;\n            transition: all 0.2s ease !important;\n        }\n\n        .mobile-filter-button:hover {\n            background-color: #1e40af !important;\n            box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2) !important;\n        }\n\n        .mobile-filter-button:active {\n            transform: translateX(-50%) scale(0.98) !important;\n        }\n\n        .mobile-filter-button svg {\n            width: 18px !important;\n            height: 18px !important;\n            margin-right: 8px !important;\n            vertical-align: middle !important;\n        }\n\n        \/* Mobile filter overlay *\/\n        .mobile-filter-overlay {\n            display: none !important;\n            position: fixed !important;\n            top: 0 !important;\n            left: 0 !important;\n            right: 0 !important;\n            bottom: 0 !important;\n            background-color: rgba(0, 0, 0, 0.5) !important;\n            z-index: 999 !important;\n        }\n\n        .mobile-filter-overlay.active {\n            display: block !important;\n        }\n\n        \/* Mobile filter panel *\/\n        .mobile-filter-panel {\n            display: none !important;\n            position: fixed !important;\n            bottom: 0 !important;\n            left: 0 !important;\n            right: 0 !important;\n            background-color: #ffffff !important;\n            \/*border-radius: 16px 16px 0 0 !important;*\/\n            z-index: 1001 !important;\n            max-height: 80vh !important;\n            overflow-y: auto !important;\n            padding: 24px !important;\n            box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15) !important;\n        }\n\n        .mobile-filter-panel.active {\n            display: block !important;\n        }\n\n        .mobile-filter-header {\n            display: flex !important;\n            justify-content: space-between !important;\n            align-items: center !important;\n            margin-bottom: 20px !important;\n            padding-bottom: 12px !important;\n        }\n\n        .mobile-filter-header h3 {\n            margin: 0 !important;\n            font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;\n            font-size: 18px !important;\n            font-weight: 600 !important;\n            color: #1f2937 !important;\n        }\n\n        .mobile-filter-close {\n            background: none !important;\n            border: none !important;\n            font-size: 24px !important;\n            color: #6b7280 !important;\n            cursor: pointer !important;\n            padding: 0 !important;\n            width: 32px !important;\n            height: 32px !important;\n            display: flex !important;\n            align-items: center !important;\n            justify-content: center !important;\n        }\n        \n        \n        \n           @media (min-width: 575px) and (max-width: 1200px) {\n    .immotoolbox-search-form {\n        flex-direction: column !important;\n        gap: 12px !important;\n    }\n    \n    .immotoolbox-search-form .form-group {\n        flex: 1 1 100% !important;\n        width: 100% !important;\n    }\n    \n    \/* Reset border radius for stacked layout *\/\n    .immotoolbox-search-form .form-group:first-child .form-control,\n    .immotoolbox-search-form .form-group:first-child .bootstrap-select .dropdown-toggle {\n        border-radius: 4px !important;\n    }\n    \n    .immotoolbox-search-form .form-group .form-control,\n    .immotoolbox-search-form .form-group .bootstrap-select .dropdown-toggle {\n        border-radius: 4px !important;\n    }\n    \n    \/* Restore right border for all items in stacked layout *\/\n    .immotoolbox-search-form .form-group:nth-last-child(2) .form-control,\n    .immotoolbox-search-form .form-group:nth-last-child(2) .bootstrap-select .dropdown-toggle {\n        border-right: 1px solid #e5e7eb !important;\n    }\n}\n        \n        \n        \/* Responsive Design *\/\n        @media (max-width: 1200px) {\n            .immotoolbox-search-form {\n                flex-wrap: wrap !important;\n            }\n            \n            .immotoolbox-search-form .form-group {\n                flex: 0 0 33.333% !important;\n                border-right: 1px solid #e5e7eb !important;\n            }\n            \n            .immotoolbox-search-form .form-group .form-control,\n            .immotoolbox-search-form .form-group .bootstrap-select .dropdown-toggle {\n                border-radius: 0 !important;\n                border-right: none !important;\n            }\n            \n            .immotoolbox-search-form .form-group:nth-child(3n) .form-control,\n            .immotoolbox-search-form .form-group:nth-child(3n) .bootstrap-select .dropdown-toggle {\n                border-right: 1px solid #e5e7eb !important;\n            }\n        }\n        \n        @media (min-width: 768px) and (max-width: 1024px) {\n            .immotoolbox-search-form {\n                flex-wrap: wrap !important;\n            }\n\n            .immotoolbox-search-form .form-group {\n                flex: 0 0 100% !important;\n                max-width: 100% !important;\n            }\n\n            .immotoolbox-search-form .form-group .form-control,\n            .immotoolbox-search-form .form-group .bootstrap-select .dropdown-toggle {\n                width: 100% !important;\n                border-right: none !important;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            \/* Show mobile filter button *\/\n            .mobile-filter-button {\n                display: inline-flex !important;\n                align-items: center !important;\n            }\n\n            \/* Hide form on mobile by default *\/\n            .immotoolbox-search-form {\n                display: none !important;\n            }\n\n            \/* Show form inside mobile panel *\/\n            .mobile-filter-panel .immotoolbox-search-form {\n                display: flex !important;\n                flex-direction: column !important;\n            }\n            \n            .mobile-filter-panel .immotoolbox-search-form .form-group {\n                flex: 0 0 100% !important;\n            }\n            \n            .mobile-filter-panel .immotoolbox-search-form .form-control,\n            .mobile-filter-panel .immotoolbox-search-form .bootstrap-select .dropdown-toggle {\n                border-right: 1px solid #e5e7eb !important;\n                border-bottom: none !important;\n                border-radius: 0 !important;\n            }\n            \n            \/*.mobile-filter-panel .immotoolbox-search-form .form-group:first-child .form-control,*\/\n            \/*.mobile-filter-panel .immotoolbox-search-form .form-group:first-child .bootstrap-select .dropdown-toggle {*\/\n            \/*    border-top-left-radius: 4px !important;*\/\n            \/*    border-top-right-radius: 4px !important;*\/\n            \/*}*\/\n            \n            \/*.mobile-filter-panel .immotoolbox-search-form .form-group:last-child .btn-primary {*\/\n            \/*    border-radius: 0 0 4px 4px !important;*\/\n            \/*}*\/\n            \n            .mobile-filter-panel .immotoolbox-search-form .form-group:nth-last-child(2) .form-control,\n            .mobile-filter-panel .immotoolbox-search-form .form-group:nth-last-child(2) .bootstrap-select .dropdown-toggle {\n                border-bottom: 1px solid #e5e7eb !important;\n            }\n        }\n    <\/style>\n    \n    <!-- Mobile Filter Button -->\n    <button type=\"button\" class=\"mobile-filter-button\" id=\"mobileFilterButton\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z\" \/>\n        <\/svg>\n        Filter\n    <\/button>\n\n    <!-- Mobile Filter Overlay -->\n    <div class=\"mobile-filter-overlay\" id=\"mobileFilterOverlay\"><\/div>\n\n    <!-- Mobile Filter Panel -->\n    <div class=\"mobile-filter-panel\" id=\"mobileFilterPanel\">\n        <div class=\"mobile-filter-header\">\n            <h3>Filter Properties<\/h3>\n            <button type=\"button\" class=\"mobile-filter-close\" id=\"mobileFilterClose\">&times;<\/button>\n        <\/div>\n        \n        <!-- Form will be moved here on mobile -->\n        <div id=\"mobileFilterContent\"><\/div>\n    <\/div>\n    \n    <form method=\"get\" action=\"\" class=\"immotoolbox-search-form\" id=\"propertySearchForm\">\n                                                        <div class=\"form-group\">\n                                                    <label for=\"country\">Pays<\/label>\n                                                                            <select name=\"nsearch[country]\" id=\"country\" class=\"form-control selectpicker\">\n                                <option value=\"\">Toutes les propri\u00e9t\u00e9s<\/option>\n                                                                                                            <option value=\"MC\" >Monaco<\/option>\n                                                                            <option value=\"FR\" >France<\/option>\n                                                                            <option value=\"IT\" >Italy<\/option>\n                                                                                                <\/select>\n                                            <\/div>\n                            \n                                                <div class=\"form-group\">\n                                                    <label for=\"type\">Type<\/label>\n                                                                            <select name=\"nsearch[type]\" id=\"type\" class=\"form-control selectpicker\">\n                                                                    <option value=\"\">Tous types<\/option>\n                                    <option value=\"sale\" >\u00c0 la vente<\/option>\n                                    <option value=\"rental\" >\u00c0 louer<\/option>\n                                                            <\/select>\n                                            <\/div>\n                            \n                                                <div class=\"form-group\">\n                                                    <label for=\"rooms\">Nb. pi\u00e8ces<\/label>\n                                                                            <select name=\"nsearch[rooms]\" id=\"rooms\" class=\"form-control selectpicker\">\n                                <option value=\"\">Nombre de chambres<\/option>\n                                <option value=\"1\" >1<\/option>\n                                <option value=\"2\" >2<\/option>\n                                <option value=\"3\" >3<\/option>\n                                <option value=\"4\" >4<\/option>\n                                <option value=\"5\" >5<\/option>\n                                <option value=\"10\" >5+<\/option>\n                            <\/select>\n                                            <\/div>\n                            \n                                                <div class=\"form-group\">\n                                                    <label for=\"area_min\">Surface habitable min<\/label>\n                                                                            <input type=\"text\" id=\"area_min\" name=\"nsearch[area_min]\" class=\"form-control\"\n                                   placeholder=\"Surface minimale\"\n                                   value=\"\">\n                                            <\/div>\n                            \n                                                <div class=\"form-group\" style=\"display: none;\">\n                                                    <label for=\"city\">Ville <\/label>\n                                                                            <select name=\"nsearch[city][]\" multiple id=\"city\" class=\"form-control selectpicker\"\n                                    title=\"Ville...\" data-live-search=\"true\">\n                                                                                                            <optgroup label=\"Monaco\">\n                                                                                    <\/optgroup>\n                                                                            <optgroup label=\"France\">\n                                                                                    <\/optgroup>\n                                                                            <optgroup label=\"Italy\">\n                                                                                    <\/optgroup>\n                                                                                                <\/select>\n                                            <\/div>\n                                        \n                                        \n                                                <div class=\"form-group\" style=\"display: none;\">\n                                                    <label for=\"price_max\">Prix max<\/label>\n                                                                            <input type=\"text\" id=\"price_max\" name=\"nsearch[price_max]\" class=\"form-control\"\n                                   placeholder=\"Prix max\" value=\"\">\n                                            <\/div>\n                                        \n                                                    \n                                        \n                                                <div class=\"form-group\">\n                                                    <button type=\"submit\" class=\"btn btn-primary btn-block\">Rechercher<\/button>\n                                            <\/div>\n                                        <\/form>\n\n    <script>\n        (function() {\n            const filterButton = document.getElementById('mobileFilterButton');\n            const filterOverlay = document.getElementById('mobileFilterOverlay');\n            const filterPanel = document.getElementById('mobileFilterPanel');\n            const filterClose = document.getElementById('mobileFilterClose');\n            const filterContent = document.getElementById('mobileFilterContent');\n            const searchForm = document.getElementById('propertySearchForm');\n\n            function openFilter() {\n                \/\/ Move form to mobile panel on mobile devices\n                if (window.innerWidth <= 768) {\n                    filterContent.appendChild(searchForm);\n                }\n                filterOverlay.classList.add('active');\n                filterPanel.classList.add('active');\n                document.body.style.overflow = 'hidden';\n            }\n\n            function closeFilter() {\n                filterOverlay.classList.remove('active');\n                filterPanel.classList.remove('active');\n                document.body.style.overflow = '';\n                \n                \/\/ Move form back to original position on mobile\n                if (window.innerWidth <= 768) {\n                    filterButton.parentNode.insertBefore(searchForm, filterButton);\n                }\n            }\n\n            filterButton.addEventListener('click', openFilter);\n            filterClose.addEventListener('click', closeFilter);\n            filterOverlay.addEventListener('click', closeFilter);\n\n            \/\/ Handle window resize\n            let resizeTimeout;\n            window.addEventListener('resize', function() {\n                clearTimeout(resizeTimeout);\n                resizeTimeout = setTimeout(function() {\n                    if (window.innerWidth > 768) {\n                        closeFilter();\n                        \/\/ Ensure form is in correct position on desktop\n                        if (searchForm.parentNode !== filterButton.parentNode) {\n                            filterButton.parentNode.insertBefore(searchForm, filterButton);\n                        }\n                    }\n                }, 250);\n            });\n        })();\n    <\/script>\n    <\/div>\n    \n<\/div>\n<\/div>\n\n\n<script>\n\/\/ Translations - these will be processed by Twig\/WPML on the server\nconst translations = {\n  sale: {\n    title: \"Propri\\u00E9t\\u00E9s\\u0020\\u00E0\\u0020vendre\",\n    subtitle: \"D\\u00E9couvrez\\u0020les\\u0020biens\\u0020immobiliers\\u0020\\u00E0\\u0020vendre\\u0020\\u00E0\\u0020Monaco\\u0020et\\u0020dans\\u0020ses\\u0020environs.\"\n  },\n  rental: {\n    title: \"Propri\\u00E9t\\u00E9s\\u0020\\u00E0\\u0020louer\",\n    subtitle: \"D\\u00E9couvrez\\u0020les\\u0020biens\\u0020immobiliers\\u0020\\u00E0\\u0020louer\\u0020\\u00E0\\u0020Monaco\\u0020et\\u0020aux\\u0020alentours.\"\n  },\n  default: {\n    title: \"Propri\\u00E9t\\u00E9s\\u0020exclusives\\u0020\\u00E0\\u0020Monaco\\u0020et\\u0020dans\\u0020ses\\u0020environs\",\n    subtitle: \"D\\u00E9couvrez\\u0020notre\\u0020s\\u00E9lection\\u0020de\\u0020r\\u00E9sidences\\u0020et\\u0020d\\u0027opportunit\\u00E9s\\u0020d\\u0027investissement.\"\n  }\n};\n\n\/\/ Now use the translations\n(function() {\n  function getNsearchParam(key) {\n    const params = new URLSearchParams(window.location.search);\n    return params.get('nsearch[' + key + ']');\n  }\n  \n  const type = getNsearchParam('type'); \n  const title = document.getElementById('pageTitle');\n  const subtitle = document.getElementById('pageSubtitle');\n  \n  if (!title || !subtitle) return; \n  \n  if (type === 'sale') {\n    title.textContent = translations.sale.title;\n    subtitle.textContent = translations.sale.subtitle;\n  } else if (type === 'rental') {\n    title.textContent = translations.rental.title;\n    subtitle.textContent = translations.rental.subtitle;\n  } else {\n    title.textContent = translations.default.title;\n    subtitle.textContent = translations.default.subtitle;\n  }\n})();\n<\/script>\n\n\n<div class=\"itb_properties_wrapper\">\n        <div class=\"itb_properties\">\n                                                        <p class=\"no-properties-message\">\n                        Aucune annonce trouv\u00e9e\n                    <\/p>\n                                    \n                            <style>\n\/* ===== MAIN CONTAINER ===== *\/\n\n.itb_properties_wrapper{\n    background-color: #f8f9fa;\n    display: flex;\n    justify-content: center;\n    padding:80px 40px;\n}\n\n@media (max-width: 1024px) {\n    .itb_properties_wrapper {\n         padding:60px 20px !important;\n\n    }\n}\n\n\n.itb_properties {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    width:1366px;\n}\n\n\/* ===== PROPERTY CARD ===== *\/\n.itb_properties_property {\n    background: #ffffff;\n    overflow: hidden;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    position: relative;\n  \n}\n\n\n\/* ===== BADGE ===== *\/\n\nbody[class*=\"caroli-realestate-property\"] .owl-nav button,\nbody.page-template-property .owl-nav button,\nbody.single-property .owl-nav button {\n    color: #ffffff !important;\n}\n\nbody[class*=\"caroli-realestate-property\"] .owl-nav button:hover,\nbody.page-template-property .owl-nav button:hover,\nbody.single-property .owl-nav button:hover {\n    background: #3b82f6 !important;\n    border-color: #3b82f6 !important;\n    color: #ffffff !important;\n}\n\n\n.badge {\n    position: absolute;\n    top: 12px;\n    left: 12px;\n    padding: 4px 14px;\n    font-size: 12px;\n    font-weight: 500;\n    border-radius: 20px;\n    color: #fff;\n    z-index: 20;\n    text-transform: capitalize;\n\\    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n}\n\n.badge.sale {\n    background: #31ADFF !important;\n}\n\n.badge.rental {\n    background: #0F2E65 !important;\n}\n\n\n\n\/* ===== IMAGE ===== *\/\n.property-image-wrapper {\n    display: block;\n    position: relative;\n    width: 100%;\n    padding-top: 66.67%; \/* 3:2 aspect ratio *\/\n    overflow: hidden;\n    background: #f3f4f6;\n}\n\n.property-image-wrapper img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.3s ease;\n}\n\n\n\/* ===== CONTENT AREA ===== *\/\n.property-content {\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    flex: 1;\n}\n\n\/* ===== LOCATION ===== *\/\n.property-location {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: #6b7280;\n    font-size: 14px;\n}\n\n.property-location svg {\n    flex-shrink: 0;\n    color: #3b82f6;\n}\n\n\/* ===== TITLE ===== *\/\n\n\n.property-page-header h1 {\n    color:#0F2E65;\n    margin-top:0px;\n}\n\n.property-search{\nmax-width:1366px;\nmargin-top:20px;\n}\n\n.property-page-header p {\n    margin-bottom:20px;\n}\n\n.property-page-header {\n        margin-bottom: 32px;\n        padding: 0 40px;\n        display:flex;\n        justify-content:center;\n    }\n    \n    \n    @media (max-width: 1024px) {\n    .property-page-header {\n        padding: 0 20px\n    }\n}\n    \n    \n    .header-wrapper{\n        width:1366px;\n    }\n\n\n\n.itb_properties_property:hover .property-title a {\n  color: #31ADFF; !important\n    }\n\n.property-title {\n    margin: 0;\n    line-height: 1.3;\n    min-height: 52px; \/* Fixed height untuk 2 baris *\/\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n.property-title a {\n    color: #111827;\n    font-size: 20px;\n    font-weight: 500;\n    text-decoration: none;\n    transition: color 0.3s ease;\n}\n\n.property-title a:hover {\n    color: #31ADFF;\n    font-size: 20px;\n    font-weight: 500;\n}\n\n\/* ===== FEATURES ===== *\/\n.property-features {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    padding: 12px 0;\n    border-bottom: 1px solid #e5e7eb;\n}\n\n.property-features .feature {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: #6b7280;\n    font-size: 14px;\n}\n\n.property-features .feature svg {\n    width: 16px;\n    height: 16px;\n    flex-shrink: 0;\n    color:#31ADFF;\n}\n\n\/* ===== PRICE ===== *\/\n.property-price {\n    font-size: 26px;\n    font-weight: 600;\n    color: #111827;\n    margin-top: auto; \/* Push ke bawah *\/\n}\n\n.property-price em {\n    font-size: 18px;\n    font-style: normal;\n    color: #6b7280;\n}\n\n\/* ===== INTRO TEXT ===== *\/\n.property-intro {\n    font-size: 14px;\n    color: #6b7280;\n    line-height: 1.6;\n    margin: 0;\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n}\n\n\/* ===== PAGINATION ===== *\/\nnav.pagination {\n    grid-column: 1 \/ -1;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-top: 40px;\n}\n\nnav.pagination ul {\n    display: flex;\n    gap: 8px;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n}\n\nnav.pagination .page-item {\n    display: inline-block;\n}\n\nnav.pagination .page-link {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 5px 13px;\n    background: transparent;\n    color: #1e293b;\n    border: 1px #DBDBDB solid;\n    border-radius: 8px;\n    text-decoration: none;\n    font-size: 15px;\n    font-weight: 600;\n    transition: all 0.2s ease;\n}\n\nnav.pagination .page-item:not(.disabled):not(.active) .page-link:hover {\n    background: #f1f5f9;\n}\n\n\/* Active page - dark blue background *\/\nnav.pagination .page-item.active .page-link {\n    background: #1e3a8a;\n    color: white;\n    cursor: default;\n}\n\n\/* Disabled state *\/\nnav.pagination .page-item.disabled .page-link {\n    opacity: 0.4;\n    cursor: not-allowed;\n    background: white;\n}\n\nnav.pagination .page-item.disabled .page-link:hover {\n    background: white;\n}\n\n\/* ===== NO PROPERTIES MESSAGE ===== *\/\n.no-properties-message {\n    grid-column: 1 \/ -1;\n    text-align: center;\n    padding: 60px 20px;\n    color: #6b7280;\n    font-size: 16px;\n}\n\n\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 992px) {\n    .itb_properties {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n}\n\n@media (max-width: 640px) {\n    .itb_properties {\n        grid-template-columns: 1fr;\n        gap: 16px;\n    }\n    \n    .property-title {\n        font-size: 18px;\n        min-height: 48px;\n    }\n    \n    .property-price {\n        font-size: 22px;\n    }\n    \n    .property-content {\n        padding: 16px;\n    }\n}\n            <\/style>\n            <\/div>\n\n<\/div>\n \n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1402","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.staging.click\/montecarlo\/fr\/wp-json\/wp\/v2\/pages\/1402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.staging.click\/montecarlo\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.staging.click\/montecarlo\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.staging.click\/montecarlo\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.staging.click\/montecarlo\/fr\/wp-json\/wp\/v2\/comments?post=1402"}],"version-history":[{"count":6,"href":"https:\/\/www.staging.click\/montecarlo\/fr\/wp-json\/wp\/v2\/pages\/1402\/revisions"}],"predecessor-version":[{"id":1587,"href":"https:\/\/www.staging.click\/montecarlo\/fr\/wp-json\/wp\/v2\/pages\/1402\/revisions\/1587"}],"wp:attachment":[{"href":"https:\/\/www.staging.click\/montecarlo\/fr\/wp-json\/wp\/v2\/media?parent=1402"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}