/* ==========================================================================
   Baliimoti Design — Имоти — пагинация и филтри/търсене
   Пагинация · странична лента за търсене · статус табове · select2
   Слой: зарежда се след темата и ERE. Само променливи от tokens.css.
   Спецификация: design/DESIGN.md §4, §5, §6, §8, §10.
   ========================================================================== */


/* --------------------------------------------------------------------------
   5. Пагинация — правоъгълна, активната в primary
   -------------------------------------------------------------------------- */
.paging-navigation {
	grid-column: 1 / -1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--bd-s-2);
	margin-top: var(--bd-s-7);
}

.paging-navigation .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	padding: 0 12px;
	border: 1px solid var(--bd-border);
	border-radius: var(--bd-radius);
	background-color: var(--bd-surface-card);
	font-family: var(--bd-font-body);
	font-size: 14px;
	font-weight: 600;
	color: var(--bd-ink-800);
	text-decoration: none;
	font-variant-numeric: tabular-nums;
	transition: border-color var(--bd-t-fast) ease, color var(--bd-t-fast) ease, background-color var(--bd-t-fast) ease;
}

.paging-navigation .page-numbers:hover {
	border-color: var(--bd-primary);
	color: var(--bd-primary);
}

.paging-navigation .page-numbers.current {
	background-color: var(--bd-primary);
	border-color: var(--bd-primary);
	color: var(--bd-text-on-dark);
}

.paging-navigation .page-numbers.dots {
	border-color: transparent;
	background-color: transparent;
	color: var(--bd-ink-600);
}

/* --------------------------------------------------------------------------
   6. Филтри/търсене (архив: странична лента + статус табове)
   Правоъгълни полета; select2 изглежда като нашите input-и (виж forms.css).
   -------------------------------------------------------------------------- */
.ere_widget_search_form .ere-property-advanced-search,
.primary-sidebar .ere-property-advanced-search {
	background-color: transparent;
}

.ere_widget_search_form .form-search-wrap,
.primary-sidebar .form-search-wrap {
	--ere-color-heading: var(--bd-ink-950);
	padding: var(--bd-s-5);
	background-color: var(--bd-surface-card);
	border: 1px solid var(--bd-border);
	border-radius: var(--bd-radius-lg);
	box-shadow: var(--bd-shadow-1);
}

.ere_widget_search_form .form-search-wrap.has-status-tab,
.primary-sidebar .form-search-wrap.has-status-tab {
	padding-top: var(--bd-s-5);
}

/* Статус табове (For Rent / For Sale / ...) */
.ere-search-status-tab {
	margin-bottom: var(--bd-s-5);
	background-color: var(--bd-surface-alt);
	border-radius: var(--bd-radius);
	padding: 4px;
}

.ere-search-status-tab .ere-search-status-tab-inner {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.ere-search-status-tab button.btn-status-filter {
	height: 40px;
	padding: 0 14px;
	border: 1px solid transparent;
	border-radius: var(--bd-radius-sm);
	background-color: transparent;
	font-family: var(--bd-font-body);
	font-size: 13px;
	font-weight: 600;
	color: var(--bd-ink-800);
	cursor: pointer;
	transition: background-color var(--bd-t-fast) ease, color var(--bd-t-fast) ease;
}

.ere-search-status-tab button.btn-status-filter.active,
.ere-search-status-tab button.btn-status-filter:hover {
	background-color: var(--bd-primary);
	color: var(--bd-text-on-dark);
}

/* Полета в търсенето */
.form-search-wrap .form-group {
	margin-bottom: var(--bd-s-4);
}

.form-search-wrap .form-group:last-child {
	margin-bottom: 0;
}

.form-search-wrap .form-control,
.form-search-wrap .search-field {
	min-height: 48px;
	width: 100%;
	padding: 12px 16px;
	border: 1px solid var(--bd-border);
	border-radius: var(--bd-radius);
	background-color: var(--bd-surface-card);
	font-family: var(--bd-font-body);
	font-size: 16px;
	color: var(--bd-ink-950);
	box-shadow: none;
}

.form-search-wrap .form-control:focus,
.form-search-wrap .search-field:focus {
	border-color: var(--bd-primary);
	box-shadow: 0 0 0 3px var(--bd-focus-ring-soft);
	outline: none;
}

.form-search-wrap .form-control::placeholder {
	color: var(--bd-ink-400);
}

/* Ценови слайдер */
.form-search-wrap .title-slider-filter {
	margin-bottom: var(--bd-s-2);
	font-family: var(--bd-font-body);
	font-size: 13px;
	font-weight: 600;
	color: var(--bd-ink-800);
	font-variant-numeric: tabular-nums;
}

/* !important: ERE дублира класа (.form-search-wrap.form-search-wrap ...), за да
   надделее — презаписваме принудително, за да няма оранжев слайдер. */
.form-search-wrap .ui-slider-horizontal {
	height: 4px;
	border-radius: 0;
	background: var(--bd-border) !important;
	margin: 18px 8px 14px;
}

.form-search-wrap .ui-slider-horizontal .ui-slider-handle {
	width: 18px;
	height: 18px;
	top: -7px;
	border-radius: 50%;
	background: var(--bd-primary) !important;
	border: 2px solid var(--bd-surface-card) !important;
	box-shadow: var(--bd-shadow-1);
}

.form-search-wrap .ui-slider-horizontal .ui-slider-range {
	background: var(--bd-primary) !important;
	border-radius: 0;
}

/* Бутон „Търси" */
.form-search-wrap .submit-search-form {
	margin-left: 0;
	text-align: left;
}

.form-search-wrap .submit-search-form .ere-advanced-search-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 48px;
	padding: 14px 24px;
	border: none;
	border-radius: var(--bd-radius);
	background-color: var(--bd-primary);
	font-family: var(--bd-font-body);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .02em;
	color: var(--bd-text-on-dark);
	cursor: pointer;
	transition: background-color var(--bd-t-base) ease;
}

.form-search-wrap .submit-search-form .ere-advanced-search-btn:hover {
	background-color: var(--bd-primary-dark);
}

/* --- Select2 (част от листинга) --- */
.select2-container--default .select2-selection--single {
	height: 48px;
	border: 1px solid var(--bd-border);
	border-radius: var(--bd-radius);
	background-color: var(--bd-surface-card);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 46px;
	padding-left: 16px;
	padding-right: 34px;
	font-family: var(--bd-font-body);
	font-size: 15px;
	color: var(--bd-ink-950);
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: var(--bd-ink-400);
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 46px;
	right: 8px;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
	border-color: var(--bd-primary);
	box-shadow: 0 0 0 3px var(--bd-focus-ring-soft);
}

.select2-dropdown {
	border: 1px solid var(--bd-border);
	border-radius: var(--bd-radius);
	box-shadow: var(--bd-shadow-2);
	background-color: var(--bd-surface-card);
}

.select2-results__option {
	padding: 9px 16px;
	font-family: var(--bd-font-body);
	font-size: 15px;
	color: var(--bd-ink-800);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--bd-primary);
	color: var(--bd-text-on-dark);
}

.select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: var(--bd-surface-alt);
	color: var(--bd-primary);
}