/*
  Modern skin — restyles the existing blocks (no markup changes).
  Loaded after css/custom/style.css and css/responsive/responsive.css on every page.
  Many legacy elements carry inline styles, hence the !important flags.
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
	--ink: #141821;
	--text: #4b5563;
	--muted: #8a93a3;
	--line: #e7eaf0;
	--soft: #f3f5fa;
	--primary: #1f57a8;
	--primary-hover: #17457f;
	--dark: #111827;
	--accent: #c9a24a;          /* "Зарубіжна нерухомість" button: gold. Orange: #f4762a */
	--accent-glow: rgba(201, 162, 74, 0.22);
	--radius: 18px;
	--radius-lg: 28px;
	--shadow: 0 18px 50px rgba(17, 24, 39, 0.10);
	--shadow-sm: 0 4px 18px rgba(17, 24, 39, 0.06);
	--font: 'Inter', 'Helvetica Neue', Arial, sans-serif;
}

/*______________ Global ______________*/

body {
	font-family: var(--font) !important;
	color: var(--text);
	background: #fff;
	-webkit-font-smoothing: antialiased;
}
h1, h2, h3, h4, h5, h6, p, a, li, input, select, button, textarea, label {
	font-family: var(--font);
}
h1, h2, h3, h4, h5, h6 {
	color: var(--ink);
	font-weight: 600;
	letter-spacing: -0.01em;
}
a { color: var(--primary); }
a:hover, a:focus { color: var(--primary-hover); }

/* Primary pill buttons (inline orange/cyan backgrounds on legacy buttons) */
#btnshowmore,
#alrev,
#rm1, #rm2, #rm3,
.free_advice .single_content .text a {
	display: inline-block;
	background: var(--primary) !important;
	color: #fff !important;
	border-radius: 999px !important;
	font-size: 15px !important;
	font-weight: 600;
	padding: 14px 32px !important;
	box-shadow: none !important;
	border: none;
	transition: background .2s ease, transform .2s ease;
}
#btnshowmore:hover,
#alrev:hover,
#rm1:hover, #rm2:hover, #rm3:hover,
.free_advice .single_content .text a:hover {
	background: var(--primary-hover) !important;
	transform: translateY(-1px);
}
#btnshowmore { margin-top: 10px !important; }

/*______________ Top bar: language + "call us" ______________*/

.divlanguage select {
	background: rgba(255, 255, 255, 0.92) !important;
	border: 1px solid var(--line) !important;
	border-radius: 999px;
	padding: 8px 14px;
	font-size: 13px;
	color: var(--ink);
	min-width: 130px;
}
.call_us {
	height: auto !important;
	width: auto !important;
	max-width: none !important;
	margin: 16px 0 0 0 !important;
	padding: 6px 18px 6px 6px;
	background: #fff !important;
	border: 1px solid var(--line);
	border-radius: 999px !important;
	box-shadow: var(--shadow-sm);
	display: inline-flex;
	align-items: center;
	float: right;
}
.call_us:before, .call_us:after { display: none !important; content: none !important; }
.call_us p {
	margin: 0 12px 0 0 !important;
	font-size: 14px !important;
	font-weight: 600;
	color: var(--ink);
}
.call_us p span {
	background: var(--primary) !important;
	width: 34px !important;
	line-height: 34px !important;
}
.call_us a {
	font-size: 14px !important;
	font-weight: 600;
	color: var(--primary) !important;
}

/*______________ Home hero banner ______________*/

#dstart {
	position: relative;
	width: auto !important;
	margin: 16px 24px 0 24px;
	border-radius: var(--radius-lg);
	overflow: hidden;
}
#dstart:before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(15, 30, 60, 0.55) 0%, rgba(15, 30, 60, 0.15) 60%, rgba(15, 30, 60, 0) 100%);
}
#dstart #h2t {
	position: absolute;
	z-index: 1;
	top: 22% !important;
	left: 0;
	width: 100% !important;
	max-width: 1170px;
	padding: 0 7%;
	text-align: left !important;
	color: #fff !important;
	font-size: 52px;
	line-height: 1.15;
	font-weight: 600 !important;
	letter-spacing: -0.02em;
}

/*______________ Inner page banner ______________*/

#inner_banner {
	margin: 16px 24px 70px 24px;
	height: 300px;
	border-radius: var(--radius-lg);
	overflow: hidden;
}
#inner_banner .overlay {
	background: linear-gradient(90deg, rgba(15, 30, 60, 0.6) 0%, rgba(15, 30, 60, 0.25) 100%);
}
#inner_banner h2 {
	text-transform: none;
	font-size: 46px;
	font-weight: 600;
	letter-spacing: -0.02em;
	color: #fff;
}
#inner_banner ul li a {
	display: inline-block;
	font-size: 14px !important;
	text-decoration: none !important;
	color: #fff !important;
	background: rgba(255, 255, 255, 0.18);
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 999px;
	padding: 8px 20px;
}
#inner_banner ul li a:hover { background: rgba(255, 255, 255, 0.3); }

/*______________ Search panel ______________*/

.find_home_2 { margin-top: -120px; }
.find_home_2 h4.table_title {
	background: var(--dark) !important;
	color: #fff;
	border-radius: 999px !important;
	line-height: 38px;
	padding: 0 22px;
	font-size: 14px;
	font-weight: 600;
	margin: 0 0 12px 28px;
}
.find_home_2 .table_content {
	background: #fff;
	border: none;
	border-radius: 22px;
	box-shadow: var(--shadow);
	padding: 6px 28px 28px 28px;
}
.find_home_2 .ui-state-default,
.find_home_2 .ui-selectmenu-button,
.find_home_2 .table_content .selectmenu_type_1 input {
	background: #fff !important;
	border: 1px solid var(--line) !important;
	border-radius: 12px !important;
	font-size: 17px !important;
	color: var(--ink);
	height: 50px;
}
.find_home_2 .ui-selectmenu-button span.ui-selectmenu-text {
	float: none;
	margin: 0;
	font-size: 17px;
	line-height: 48px;
	padding: 0 40px 0 16px;
	color: var(--ink);
}
.find_home_2 .ui-selectmenu-button span.ui-icon {
	position: absolute;
	right: 0;
	top: 0;
	height: 48px;
	border-left: none;
}
.find_home_2 .ui-selectmenu-button span.ui-icon:before { top: 50%; transform: translateY(-50%); }
.find_home_2 .table_content .selectmenu_type_1 input { padding-left: 16px; }
.find_home_2 .table_content .selectmenu_type_1 input::placeholder { color: var(--muted); }
.ui-selectmenu-menu .ui-menu .ui-menu-item { font-size: 16px; padding: 8px 16px; }
.find_home_2 .table_content .selectmenu_type_1 input:focus,
.find_home_2 .ui-selectmenu-button.ui-state-focus {
	border-color: var(--primary) !important;
}
.find_home_2 .table_content .selectmenu_type_3 button {
	background: var(--primary);
	border-radius: 999px !important;
	font-weight: 600;
	font-size: 15px;
}
.find_home_2 .table_content .selectmenu_type_3 button:hover { background: var(--primary-hover); }
.ui-selectmenu-menu .ui-menu {
	border: 1px solid var(--line) !important;
	border-radius: 12px;
	box-shadow: var(--shadow-sm);
	overflow: hidden;
}

/* "Зарубіжна нерухомість" link next to the listing */
#tbstart {
	display: inline-block;
	background: #fff !important;
	color: var(--ink) !important;
	border: 2px solid var(--accent);
	border-radius: 999px !important;
	font-family: var(--font) !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	padding: 12px 24px !important;
	box-shadow: 0 6px 18px var(--accent-glow);
	transition: background .2s ease, color .2s ease;
}
#tbstart:hover {
	background: var(--accent) !important;
	color: #fff !important;
}

/*______________ Property cards ______________*/

/* Cards are rendered by src/index.js into columns with inline height:450px;
   let each row size to its tallest card instead */
.properties_item_two .tab-content {
	display: flex;
	flex-wrap: wrap;
}
.properties_item_two .tab-content > .tab-pane {
	display: flex;
	height: auto !important;
}
.properties_item_two .tab-content > div:not(.tab-pane) { width: 100%; }
.properties_item_two .single_properties {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	height: auto;
	padding: 10px 10px 14px 10px;
	border: 1px solid var(--line);
	border-radius: 22px;
	background: #fff;
	box-shadow: var(--shadow-sm);
	overflow: visible;
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.properties_item_two .single_properties:hover {
	transform: translateY(-3px);
	border-color: #d5dbe5;
	box-shadow: var(--shadow);
}
.properties_item_two .single_properties .property_details > span:empty { display: none; }
.properties_item_two .single_properties > .carousel { order: 0; }
.properties_item_two .single_properties > a { order: 1; }
.properties_item_two .single_properties > .property_details { order: 2; }
.properties_item_two .single_properties > ul { order: 3; }
.properties_item_two .single_properties .img_holder,
.properties_item_two .single_properties .carousel-inner {
	border-radius: 14px;
	overflow: hidden;
}
.properties_item_two .single_properties .image {
	height: 230px !important;
	transition: transform .4s ease;
}
.properties_item_two .single_properties:hover .image { transform: scale(1.04); }
.properties_item_two .single_properties a h4 {
	font-family: var(--font);
	text-align: left !important;
	text-transform: none;
	font-size: 16px;
	font-weight: 600;
	color: var(--ink);
	padding: 14px 6px 2px 6px;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.properties_item_two .single_properties .property_details {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: left;
	border: none;
	padding: 6px 6px 0 6px;
}
.properties_item_two .single_properties .property_details h4 {
	font-family: var(--font);
	color: var(--ink);
	font-size: 18px;
	font-weight: 700;
	margin: 0;
}
.properties_item_two .single_properties .property_details > span {
	display: inline-block;
	color: var(--text);
	background: var(--soft);
	border-radius: 999px;
	font-size: 12px;
	padding: 3px 10px;
}
.properties_item_two .single_properties ul {
	margin-top: auto;
	padding: 10px 6px 0 6px;
	text-align: left;
}
.properties_item_two .single_properties ul li {
	padding: 4px 16px 0 0;
	font-size: 13px;
	color: var(--muted);
}
.properties_item_two .single_properties ul li i {
	display: inline-block;
	color: var(--muted);
	font-size: 14px;
	margin: 0 6px 0 0;
}

/*______________ Section titles ______________*/

.main-title-center h2 {
	border: none;
	padding: 0;
	font-size: 36px;
	font-weight: 600;
	letter-spacing: -0.02em;
}
.main-title-center h2:before { display: none; }

.main_title { padding-left: 64px; }
.main_title:before {
	background: var(--primary);
	border-bottom: none;
	border-radius: 14px;
	width: 48px;
	line-height: 48px;
	font-size: 20px;
}
.main_title h2 { border-bottom: 1px solid var(--line); }
.main_title h2:before,
.main_title2 h3:before { background: var(--primary); }

/*______________ "Корисні матеріали" ______________*/

.free_advice {
	background: var(--soft) !important;
	height: auto;
	margin: 70px 0 0 0;
	padding: 0;
}
.free_advice .overlay {
	background: transparent;
	padding: 72px 0 80px 0;
}
.free_advice h2 {
	color: var(--ink);
	font-size: 36px;
	font-weight: 600;
	padding-bottom: 0;
	letter-spacing: -0.02em;
}
.free_advice h2:before, .free_advice h2:after { display: none; }
.free_advice .single_content {
	background: #fff;
	border-radius: 22px;
	padding: 36px 24px 32px 24px;
	box-shadow: var(--shadow-sm);
	height: calc(100% - 30px);
}
.free_advice .single_content .icon_holder {
	background: var(--soft);
	width: 88px;
	height: 88px;
}
.free_advice .single_content .icon_holder a {
	line-height: 88px;
	box-shadow: none !important;
}
.free_advice .single_content .text h6 {
	color: var(--ink);
	text-transform: none;
	font-size: 18px;
	font-weight: 600;
}
.free_advice .single_content .text p { color: var(--text); }
.free_advice .single_content .text a { width: auto; line-height: 1; margin-top: 4px; }

/*______________ Testimonials ______________*/

.testimonial_two {
	background: #fff;
	border: none;
	margin-top: 0;
	padding: 80px 0 70px 0;
}
.testimonial_two .client_speach { margin: 40px 0 90px 0; }
.testimonial_two .client_speach .item {
	background: var(--soft);
	border-radius: var(--radius-lg);
	box-shadow: none;
	padding: 40px 44px;
	margin: 0;
}
.testimonial_two .client_speach .item .img_holder img {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: #fff;
}
.testimonial_two .client_speach .item .img_holder .client_name { padding: 22px 0 0 18px; }
.testimonial_two .client_speach .item .img_holder .client_name h5 {
	font-size: 18px;
	font-weight: 600;
	color: var(--ink);
}
.testimonial_two .client_speach .item .speach {
	border-left: 1px solid var(--line);
	width: 66%;
}
.testimonial_two .client_speach .item .speach:before { display: none; }
.testimonial_two .client_speach .item .speach p {
	font-size: 17px;
	line-height: 1.7;
	color: var(--ink);
	padding: 0 0 0 36px;
}
.testimonial_two .client_speach .item .speach p:before,
.testimonial_two .client_speach .item .speach p:after { display: none; }
.testimonial_two .client_speach .owl-theme .owl-nav {
	top: auto;
	bottom: -68px;
	right: 0;
	height: auto;
	width: auto;
	border: none;
	background: transparent;
	display: flex;
	gap: 10px;
}
.testimonial_two .client_speach .owl-theme .owl-nav [class*=owl-] {
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: 1px solid var(--line) !important;
	background: #fff;
	color: var(--ink);
	font-size: 0;
}
.testimonial_two .client_speach .owl-theme .owl-nav .owl-next {
	background: var(--dark);
	border-color: var(--dark) !important;
}
.testimonial_two .client_speach .owl-theme .owl-nav .owl-prev:before,
.testimonial_two .client_speach .owl-theme .owl-nav .owl-next:before {
	font-size: 20px;
	top: 50%;
	left: 50%;
	right: auto;
	transform: translate(-50%, -52%);
	line-height: 1;
}
.testimonial_two .client_speach .owl-theme .owl-nav .owl-next:before { color: #fff; }
.testimonial_two .client_speach .owl-theme .owl-nav .owl-prev:hover:before { color: var(--primary); }

/*______________ "Корисне" tags on article pages ______________*/

.inner_section_title span.left_side {
	background: var(--dark);
	color: #fff;
	border-radius: 999px;
	width: auto;
	line-height: 40px;
	padding: 0 22px;
	font-size: 14px;
	text-transform: none;
	font-weight: 600;
}
.inner_section_title span.left_side:before { display: none; }
.inner_section_title > ul {
	border: none;
	padding: 0;
	width: auto;
}
.inner_section_title > ul:before, .inner_section_title > ul:after { display: none; }
.inner_section_title > ul li { margin: 4px 4px 4px 0; }
.inner_section_title > ul li a {
	display: inline-block;
	border: 1px solid var(--line);
	border-radius: 999px;
	padding: 8px 16px;
	color: var(--ink);
}
.inner_section_title > ul li.active a,
.inner_section_title > ul li a:hover {
	background: var(--primary);
	border-color: var(--primary);
	color: #fff;
}

/*______________ Property page: photos / description / map as separate cards ______________*/

.single_gallery .slider_wrapper {
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 24px;
	padding: 20px 20px 16px 20px;
	margin: 24px 0 28px 0;
}
.single_gallery .slider_wrapper #divslider .item img { border-radius: 16px; }
.single_gallery .slider_wrapper .single-gallery-carousel-thumbnail-box .item img { border-radius: 10px; }
.single_gallery .slider_wrapper .single-gallery-carousel-thumbnail-box .item .overlay {
	border-radius: 10px;
	background: rgba(31, 87, 168, 0.35);
}
.single_gallery .slider_wrapper .owl-theme .owl-nav [class*=owl-] {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #fff;
	color: var(--ink);
	font-size: 22px;
	box-shadow: var(--shadow-sm);
}
.single_gallery .slider_wrapper .owl-carousel .owl-controls .owl-nav .owl-prev:before,
.single_gallery .slider_wrapper .owl-carousel .owl-controls .owl-nav .owl-next:before {
	line-height: 44px;
	width: 44px;
}
.single_gallery .slider_wrapper .owl-carousel .owl-controls .owl-nav .owl-prev { left: -38px; top: -225px; }
.single_gallery .slider_wrapper .owl-carousel .owl-controls .owl-nav .owl-next { right: -38px; top: -225px; }
.single_gallery .slider_wrapper .owl-theme .owl-nav [class*=owl-]:hover {
	background: var(--dark);
	color: #fff;
}

#tbdesc {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 24px;
	box-shadow: var(--shadow-sm);
	padding: 28px 32px;
	margin: 0 0 28px 0 !important;
	font-size: 16px;
	line-height: 1.75;
	color: var(--ink);
}
#tbdesc:empty { display: none; }
#tbstatus { border-radius: 16px !important; margin: 0 0 24px 0; }

.single_gallery .property_address {
	background: var(--soft);
	border: 1px solid var(--line);
	border-radius: 24px;
	padding: 20px;
}
.single_gallery .property_address .main_title2 h2 {
	border-bottom: none;
	margin: 4px 0 16px 4px;
	padding: 0;
	font-size: 24px;
}
.single_gallery .property_address .main_title2 h2:before { display: none; }
.single_gallery .property_address #map {
	border-radius: 16px;
	overflow: hidden;
}

/*______________ Property page sidebar ______________*/

.sidebar_style_two .preperty_search {
	border: 1px solid var(--line);
	border-radius: 22px;
	background: var(--soft);
	padding-top: 14px;
}
.sidebar_style_two .preperty_search h4 { border-bottom: 1px solid var(--line); }
.sidebar_style_two .preperty_search #tbprice {
	color: var(--primary) !important;
	font-size: 34px;
	font-weight: 700;
	margin: 16px 0 12px 0;
}
.sidebar_style_two .preperty_search h2 {
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 10px 0;
}
.sidebar_style_two + .item .title button,
.property_details_page .item .title button {
	border: none;
	border-radius: 999px !important;
	font-weight: 600;
	height: 48px !important;
}
.property_details_page .item .title a { display: block; margin-top: 12px !important; }
.property_details_page .item .title h6 { margin-top: 24px; color: var(--ink); font-weight: 600; }

/*______________ Footer ______________*/

footer .main_footer {
	background: #0f172a;
	border-radius: var(--radius-lg) var(--radius-lg) 0 0;
	margin-top: 40px;
}
footer .main_footer .about_estate,
footer .main_footer .about_estate p,
footer .contact_info ul li,
footer .contact_info ul li a { color: #cbd5e1; }
footer .main_footer .about_estate h1 { color: #fff !important; font-weight: 600; letter-spacing: -0.02em; }
footer .footer_title h4 {
	text-transform: none;
	font-weight: 600;
	border-bottom-color: rgba(255, 255, 255, 0.08);
}
footer .footer_title h4:before { background: var(--primary); }
footer .contact_info ul li:before { color: #8fb4ea; }
footer .contact_info ul li a:hover { color: #fff; }

/*______________ Responsive ______________*/

@media (max-width: 991px) {
	#dstart, #inner_banner { margin-left: 12px; margin-right: 12px; border-radius: 20px; }
	#dstart #h2t { font-size: 36px; }
	#inner_banner h2 { font-size: 32px; }
	.testimonial_two .client_speach .item { padding: 28px 22px; }
	.testimonial_two .client_speach .item .speach { width: 100%; border-left: none; margin: 18px 0 0 0; }
	.testimonial_two .client_speach .item .speach p { padding: 0; }
}
@media (max-width: 767px) {
	.find_home_2 .table_content { padding: 6px 16px 20px 16px; }
	.free_advice .single_content { margin-bottom: 20px; }
	footer .main_footer { border-radius: 20px 20px 0 0; }
}