/**
 * Properties sayfasi filtre – yatay filtre cubugu (referans: Region, Type, Tag, Status + Fiyat)
 * Tek satir: dropdown'lar solda, fiyat metni saga yasli, teal vurgu.
 */

/* Renk: mavi vurgu (dropdown placeholder, fiyat, oklar, buton) */
:root {
	--filter-accent: #1C6AB9;
	--filter-accent-hover: #1557a0;
	--filter-border: #e2e8f0;
	--filter-bg: #fff;
}

/* ========== Kart: beyaz, yuvarlatilmis, golge ========== */
.properties-page-filter-wrapper {
	margin-bottom: 32px;
}

.properties-page-filter-wrapper .properties-page-filter-form {
	background: var(--filter-bg);
	border: 1px solid var(--filter-border);
	border-radius: 12px;
	padding: 20px 24px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* ========== Ana filtre: TEK YATAY SATIR (referans gibi) ========== */
.properties-page-filter-wrapper .properties-page-filter-form .main-filter {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 20px;
	margin-bottom: 0 !important;
}

.properties-page-filter-wrapper .properties-page-filter-form .main-filter.clearfix::after {
	display: none;
}

/* Ana satirda etiketleri gizle – placeholder’lar (Region, Type vb.) gorunsun */
.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group > label.heading-label {
	display: none !important;
}

.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group {
	margin-bottom: 0 !important;
	float: none !important;
	min-width: 0;
	/* Dropdown’lar esit genislikte, esnek */
	flex: 1 1 140px;
	max-width: 220px;
}

/* Fiyat grubu saga yasla – “From $0 to $4,500,000” */
.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group-price {
	flex: 0 0 auto;
	max-width: none;
	margin-left: auto;
}

.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group-inner {
	position: relative;
	display: block;
}

/* ========== Dropdown’lar: beyaz, gri cerceve, teal ok/placeholder ========== */
.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-control,
.properties-page-filter-wrapper .properties-page-filter-form .main-filter input[type="text"],
.properties-page-filter-wrapper .properties-page-filter-form .main-filter input[type="number"] {
	width: 100% !important;
	min-height: 46px;
	padding: 10px 40px 10px 14px;
	border: 1px solid var(--filter-border);
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.4;
	background: var(--filter-bg);
	color: #1e293b;
	box-sizing: border-box;
}

.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-control::placeholder {
	color: var(--filter-accent);
}

.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-control:focus,
.properties-page-filter-wrapper .properties-page-filter-form .main-filter input:focus {
	border-color: var(--filter-accent);
	outline: none;
	box-shadow: 0 0 0 2px rgba(28, 106, 185, 0.15);
}

/* Native select */
.properties-page-filter-wrapper .properties-page-filter-form .main-filter .select-wrapper {
	position: relative;
	width: 100%;
	min-height: 46px;
	border: 1px solid var(--filter-border);
	border-radius: 8px;
	background: var(--filter-bg);
}

.properties-page-filter-wrapper .properties-page-filter-form .main-filter .select-wrapper select.form-control {
	width: 100% !important;
	min-height: 44px;
	padding: 10px 40px 10px 14px;
	border: none !important;
	background: transparent !important;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	color: #1e293b;
}

/* Select2 – teal ok ve placeholder */
.properties-page-filter-wrapper .properties-page-filter-form .main-filter .select2-container {
	width: 100% !important;
	min-height: 46px;
}

.properties-page-filter-wrapper .properties-page-filter-form .main-filter .select2-container .select2-selection--single {
	height: 46px !important;
	border: 1px solid var(--filter-border) !important;
	border-radius: 8px !important;
	padding: 0 40px 0 14px;
	background: var(--filter-bg) !important;
}

.properties-page-filter-wrapper .properties-page-filter-form .main-filter .select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 25px !important;
	padding-left: 0;
	font-size: 14px;
	color: #1e293b;
}

/* Placeholder (Region, Type vb.) teal */
.properties-page-filter-wrapper .properties-page-filter-form .main-filter .select2-container .select2-selection--single .select2-selection__placeholder {
	color: var(--filter-accent) !important;
}

/* Ok isareti metinle ayni hizada (dikey ortalı) */
.properties-page-filter-wrapper .properties-page-filter-form .main-filter .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 46px !important;
	right: 12px !important;
	display: flex !important;
	align-items: center !important;
	line-height: 25px !important;
}

.properties-page-filter-wrapper .properties-page-filter-form .main-filter .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--filter-accent) transparent transparent transparent !important;
	margin-top: -13px !important;
}

/* ========== Fiyat alani: “From $0 to $4,500,000” – teal, sayilar kalin ========== */
.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group-price .from-to-wrapper {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}

.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group-price .heading-filter-price {
	margin: 0;
	padding: 0;
	border: none;
}

.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group-price .heading-filter-price .inner {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	font-size: 14px;
	color: var(--filter-accent);
}

.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group-price .price-text {
	color: var(--filter-accent);
	font-weight: normal;
}

.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group-price .from-text,
.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group-price .to-text {
	font-weight: 700;
	color: var(--filter-accent);
}

/* Fiyat input’lari ana satirda gizlenebilir veya kucuk tutulur (slider varsa sadece metin goster) */
/* Fiyat slider: From $X to $Y + bar */
.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group-price .from-to-wrapper .inner {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: var(--filter-accent);
}

.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group-price .from-to-wrapper .inner .from-text,
.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group-price .from-to-wrapper .inner .to-text {
	font-weight: 700;
	color: var(--filter-accent);
}

.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group-price .from-to-wrapper .heading-label {
	display: none !important;
}

.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group-price .price-range-slider {
	min-height: 8px;
	margin: 4px 0 0;
}

.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group-price .price-input-wrapper {
	margin-top: 6px;
}

.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group-price .price-input-wrapper .form-control {
	min-height: 40px;
}

/* Location genis alan: tam genislik kullanabilsin */
.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group-center-location {
	flex: 1 1 100%;
	max-width: 320px;
}

/* ========== Gelişmiş arama (altinda) ========== */
.properties-page-filter-wrapper .properties-page-filter-form .more-advanced {
	margin: 18px 0 0;
	padding: 16px 0 0;
	border-top: 1px solid var(--filter-border);
}

.properties-page-filter-wrapper .properties-page-filter-form .filter-toggle-adv {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	font-size: 13px;
	font-weight: 600;
	color: var(--filter-accent);
	background: transparent;
	border-radius: 8px;
	text-decoration: none;
	transition: background 0.2s, color 0.2s;
}

.properties-page-filter-wrapper .properties-page-filter-form .filter-toggle-adv:hover {
	background: rgba(28, 106, 185, 0.08);
	color: var(--filter-accent-hover);
}

.properties-page-filter-wrapper .properties-page-filter-form .filter-advance-fields {
	padding: 20px 0 0;
	border-top: 1px solid var(--filter-border);
	margin-top: 12px;
}

.properties-page-filter-wrapper .properties-page-filter-form .filter-advance-fields .form-group {
	margin-bottom: 20px !important;
}

.properties-page-filter-wrapper .properties-page-filter-form .filter-advance-fields .form-group > label.heading-label {
	display: block !important;
	margin-bottom: 8px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #334155 !important;
}

/* ========== Gelişmiş: checkbox grid ========== */
.properties-page-filter-wrapper .properties-page-filter-form .form-group-amenity .circle-check {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 10px 24px;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}

.properties-page-filter-wrapper .properties-page-filter-form .form-group-amenity .circle-check li,
.properties-page-filter-wrapper .properties-page-filter-form .form-group-amenity .circle-check .list-item {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	float: none !important;
}

.properties-page-filter-wrapper .properties-page-filter-form .form-group-amenity .circle-check input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin: 0;
	cursor: pointer;
	accent-color: var(--filter-accent);
}

.properties-page-filter-wrapper .properties-page-filter-form .form-group-amenity .circle-check label {
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: normal !important;
	color: #475569 !important;
	cursor: pointer;
}

/* ========== Ara butonu ========== */
.properties-page-filter-wrapper .properties-page-filter-form .form-group.no-margin {
	margin-top: 20px !important;
	margin-bottom: 0 !important;
	padding-top: 18px;
	border-top: 1px solid var(--filter-border);
}

.properties-page-filter-wrapper .properties-page-filter-form .form-group.no-margin .button,
.properties-page-filter-wrapper .properties-page-filter-form .form-group.no-margin .btn {
	display: inline-block;
	min-width: 160px;
	padding: 12px 24px;
	font-size: 15px;
	font-weight: 600;
	border-radius: 8px;
	text-align: center;
	cursor: pointer;
	border: none;
	background: var(--filter-accent) !important;
	color: #fff !important;
	transition: background 0.2s, transform 0.1s;
}

.properties-page-filter-wrapper .properties-page-filter-form .form-group.no-margin .button:hover,
.properties-page-filter-wrapper .properties-page-filter-form .form-group.no-margin .btn:hover {
	background: var(--filter-accent-hover) !important;
	color: #fff !important;
	transform: translateY(-1px);
}

/* Icon (flaticon) */
.properties-page-filter-wrapper .properties-page-filter-form .form-group-inner > i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 14px;
	right: auto;
	color: var(--filter-accent);
	font-size: 16px;
	pointer-events: none;
}

.rtl .properties-page-filter-wrapper .properties-page-filter-form .form-group-inner > i {
	left: auto;
	right: 14px;
}

/* ========== Responsive: kucuk ekranda alt alta ========== */
@media (max-width: 991px) {
	.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group {
		flex: 1 1 calc(50% - 10px);
		max-width: none;
	}
	.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group-price {
		margin-left: 0;
		flex: 1 1 100%;
	}
}

@media (max-width: 575px) {
	.properties-page-filter-wrapper .properties-page-filter-form {
		padding: 18px 16px;
	}

	.properties-page-filter-wrapper .properties-page-filter-form .main-filter {
		flex-direction: column;
		align-items: stretch;
		gap: 14px;
	}

	.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group {
		flex: 1 1 100% !important;
		max-width: none !important;
	}

	.properties-page-filter-wrapper .properties-page-filter-form .main-filter .form-group-price {
		margin-left: 0;
		order: 10;
	}

	.properties-page-filter-wrapper .properties-page-filter-form .form-group-amenity .circle-check {
		grid-template-columns: 1fr;
	}

	.properties-page-filter-wrapper .properties-page-filter-form .form-group.no-margin .button {
		width: 100%;
		min-width: 0;
	}
}