/* ==========================================================================
   imotigreece-design — Имоти: филтри/търсене, статус табове, select2, пагинация
   Спецификация: design/DESIGN.md §4 (Inputs), §5, §8
   Само var(--ig-*) — без hardcoded цветове.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Търсене — полета (инпути/селекти) в нашия вид
   -------------------------------------------------------------------------- */
.form-search-wrap .form-control,
.form-search-wrap input[type="text"],
.form-search-wrap input[type="search"],
.form-search-wrap select,
.ere-property-advanced-search input,
.ere-property-advanced-search select,
.ere__apa-search input.form-control {
	min-height: 48px;
	padding: 14px 16px;
	font-family: var(--ig-font-body);
	font-size: 16px;
	color: var(--ig-ink-950);
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	box-shadow: none;
	transition: border-color var(--ig-t-base) ease, box-shadow var(--ig-t-base) ease;
}

.form-search-wrap select,
.ere-property-advanced-search select {
	/* Чист CSS триъгълник — без шрифтова икона */
	appearance: none;
	-webkit-appearance: none;
	padding-right: 40px;
	background-image: linear-gradient(45deg, transparent 50%, var(--ig-ink-600) 50%),
		linear-gradient(135deg, var(--ig-ink-600) 50%, transparent 50%);
	background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%;
	background-size: 6px 6px, 6px 6px;
	background-repeat: no-repeat;
}

.form-search-wrap .form-control:focus,
.form-search-wrap input:focus,
.form-search-wrap select:focus,
.ere-property-advanced-search input:focus,
.ere-property-advanced-search select:focus {
	border-color: var(--ig-primary);
	box-shadow: 0 0 0 3px var(--ig-focus-ring-soft);
	outline: none;
}

.form-search-wrap ::placeholder,
.ere-property-advanced-search ::placeholder {
	color: var(--ig-ink-400);
}

.form-search-wrap .form-group label,
.ere-property-advanced-search label {
	font-family: var(--ig-font-body);
	font-size: 13px;
	font-weight: 600;
	color: var(--ig-text-secondary);
}

/* Бутони „Търси" */
.form-search-wrap .submit-search-form button,
.ere-advanced-search-btn,
.ere-property-advanced-search .submit-search-form button {
	min-height: 48px;
	padding: 14px 24px;
	font-family: var(--ig-font-body);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .02em;
	color: var(--ig-text-on-dark);
	background-color: var(--ig-primary);
	border: 1px solid var(--ig-primary);
	border-radius: var(--ig-radius);
	transition: background-color var(--ig-t-base) ease, transform var(--ig-t-fast) ease;
}

.form-search-wrap .submit-search-form button:hover,
.ere-advanced-search-btn:hover,
.ere-property-advanced-search .submit-search-form button:hover {
	background-color: var(--ig-primary-dark);
	border-color: var(--ig-primary-dark);
}

/* --------------------------------------------------------------------------
   2. Статус табове (в търсачката)
   -------------------------------------------------------------------------- */
.ere-search-status-tab {
	background-color: var(--ig-surface-alt);
	border: 1px solid var(--ig-border-subtle);
	border-radius: var(--ig-radius) var(--ig-radius) 0 0;
	padding: 4px;
}

/* Табовете са интерактивни → цел за натиск ≥44px (DESIGN.md §8). */
.ere-search-status-tab button {
	min-height: 44px;
	padding: 10px 16px;
	font-family: var(--ig-font-body);
	font-size: 14px;
	font-weight: 600;
	color: var(--ig-ink-600);
	background-color: transparent;
	border: none;
	border-radius: var(--ig-radius-sm);
}

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

/* --------------------------------------------------------------------------
   3. Горна лента на архива: статус, подреждане, изглед
   -------------------------------------------------------------------------- */
/* Цел за натиск ≥44px (DESIGN.md §8) — измерено беше 88×40. */
.ere__apa-status ul li a {
	padding: 0 16px;
	height: 44px;
	line-height: 44px;
	font-family: var(--ig-font-body);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--ig-ink-600);
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius-sm);
}

.ere__apa-status ul li.active a,
.ere__apa-status ul li a:hover,
.ere__apa-status ul li a:focus {
	background-color: var(--ig-primary);
	border-color: var(--ig-primary);
	color: var(--ig-text-on-dark);
}

/* Цел за натиск ≥44px (DESIGN.md §8) — беше 40px. */
.ere__apa-orderby .dropdown-toggle {
	min-height: 44px;
	line-height: 44px;
	padding: 0 40px 0 16px;
	font-family: var(--ig-font-body);
	font-size: 13px;
	font-weight: 600;
	color: var(--ig-ink-950);
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
}

.ere__apa-orderby .dropdown-menu {
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	box-shadow: var(--ig-shadow-2);
}

.ere__apa-orderby .dropdown-menu .dropdown-item:hover,
.ere__apa-orderby .dropdown-menu .dropdown-item:focus {
	background-color: var(--ig-surface-alt);
	color: var(--ig-primary);
}

/* Превключвател списък/мрежа */
.ere__apa-switch-layout span {
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	color: var(--ig-ink-600);
}

.ere__apa-switch-layout span.active,
.ere__apa-switch-layout span:hover {
	background-color: var(--ig-primary);
	border-color: var(--ig-primary);
	color: var(--ig-text-on-dark);
}

/* --------------------------------------------------------------------------
   4. select2 — в нашия вид
   -------------------------------------------------------------------------- */
.select2-container .select2-selection--single {
	min-height: 48px;
	padding: 0;
	color: var(--ig-ink-950);
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	transition: border-color var(--ig-t-base) ease, box-shadow var(--ig-t-base) ease;
}

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

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

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

/* Стрелката е чист CSS триъгълник */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--ig-ink-600) transparent transparent transparent;
	border-width: 6px 5px 0 5px;
	margin-top: -2px;
}

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

.select2-container--default .select2-selection--multiple {
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
}

.select2-dropdown {
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	box-shadow: var(--ig-shadow-2);
	overflow: hidden;
}

.select2-search--dropdown .select2-search__field {
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	font-family: var(--ig-font-body);
}

.select2-container--default .select2-results__option {
	font-family: var(--ig-font-body);
	font-size: 15px;
}

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

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

/* --------------------------------------------------------------------------
   5. Слайдер за цена/площ — дръжки в primary, не оранжево
   -------------------------------------------------------------------------- */
.form-search-wrap .ui-slider-horizontal,
.ere-sliderbar-price .ui-slider-horizontal {
	height: 4px;
	background: var(--ig-border);
	border-radius: 2px;
}

.form-search-wrap .ui-slider-horizontal .ui-slider-range,
.ere-sliderbar-price .ui-slider-horizontal .ui-slider-range {
	background: var(--ig-primary);
}

.form-search-wrap .ui-slider-horizontal .ui-slider-handle,
.ere-sliderbar-price .ui-slider-horizontal .ui-slider-handle {
	width: 20px;
	height: 20px;
	top: -8px;
	background: var(--ig-primary);
	border: 2px solid var(--ig-surface-card);
	border-radius: var(--ig-radius-full);
	box-shadow: var(--ig-shadow-2);
	cursor: ew-resize;
}

.form-search-wrap .ui-slider-horizontal .ui-slider-handle:focus-visible,
.ere-sliderbar-price .ui-slider-horizontal .ui-slider-handle:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--ig-focus-ring);
}

.title-slider-filter {
	font-family: var(--ig-font-body);
	font-size: 13px;
	font-weight: 600;
	color: var(--ig-ink-600);
}

/* --------------------------------------------------------------------------
   6. Пагинация — правоъгълна, активната страница в primary
   -------------------------------------------------------------------------- */
.paging-navigation {
	padding-top: 40px;
	display: flex;
	justify-content: center;
}

.paging-navigation ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	width: auto;
	list-style: none;
}

.paging-navigation .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	margin: 0;
	padding: 0 14px;
	font-family: var(--ig-font-body);
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	color: var(--ig-ink-950);
	background-color: var(--ig-surface-card);
	border: 1px solid var(--ig-border);
	border-radius: var(--ig-radius);
	transition: background-color var(--ig-t-base) ease, color var(--ig-t-base) ease, border-color var(--ig-t-base) ease;
}

/* Нулираме абсолютното позициониране на prev/next от темата */
.paging-navigation .page-numbers.prev,
.paging-navigation .page-numbers.next {
	position: static;
	right: auto;
	bottom: auto;
	margin: 0;
}

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

.paging-navigation .page-numbers.dots {
	border-color: transparent;
	background-color: transparent;
}

.paging-navigation .page-numbers:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--ig-focus-ring);
}

/* --------------------------------------------------------------------------
   7. Достъпност и движение
   -------------------------------------------------------------------------- */
.form-search-wrap .form-control:focus-visible,
.select2-container--default .select2-selection--single:focus-visible,
.ere__apa-orderby .dropdown-toggle:focus-visible,
.ere__apa-status ul li a:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px var(--ig-focus-ring);
}

@media (prefers-reduced-motion: reduce) {
	.paging-navigation .page-numbers,
	.form-search-wrap .form-control,
	.select2-container .select2-selection--single {
		transition: none;
	}
}