/**
 * casara/property-search — builds on .c-filter-bar (components.css §15).
 */
.c-property-search { color: var(--c-text); }

/* ---------- Archive header ---------- */
.c-property-search__header {
	display: grid;
	gap: var(--s-5);
	margin-bottom: var(--s-stack);
}
.c-property-search__title {
	max-width: 14ch;
	font-size: var(--f-size-h1);
	line-height: var(--f-lh-tight);
	letter-spacing: var(--f-track-display);
}
.c-property-search__intro { max-width: 34rem; }
@media (min-width: 64em) {
	.c-property-search__header { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--s-gutter); align-items: end; }
	.c-property-search__header > .c-eyebrow,
	.c-property-search__header > .c-property-search__collections { grid-column: 1 / -1; }
	.c-property-search__intro { padding-bottom: var(--s-2); }
}

/* Collections: quiet text index, scrolls sideways on phones. */
.c-property-search__collections { margin-top: var(--s-4); margin-inline: calc(-1 * var(--s-margin)); overflow-x: auto; scrollbar-width: none; }
.c-property-search__collections::-webkit-scrollbar { display: none; }
.c-property-search__collections ul[role="list"] {
	display: flex;
	gap: var(--s-6);
	width: max-content;
	margin: 0;
	padding: 0 var(--s-margin);
	list-style: none;
}
.c-property-search__collections a {
	position: relative;
	display: inline-flex;
	align-items: center;
	min-height: var(--l-tap);
	font-size: var(--f-size-label);
	font-weight: var(--f-weight-medium);
	letter-spacing: var(--f-track-label);
	text-transform: uppercase;
	text-decoration: none;
	white-space: nowrap;
	color: var(--c-text-muted);
	transition: color var(--d-base) var(--e-out);
}
.c-property-search__collections a::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: 0.6rem;
	height: var(--hairline);
	background: var(--c-accent);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform var(--d-slow) var(--e-out);
}
.c-property-search__collections a:hover,
.c-property-search__collections a[aria-current] { color: var(--c-text); }
.c-property-search__collections a:hover::after,
.c-property-search__collections a[aria-current]::after { transform: scaleX(1); }
@media (min-width: 64em) {
	.c-property-search__collections { margin-inline: 0; overflow: visible; }
	.c-property-search__collections ul[role="list"] { padding: 0; flex-wrap: wrap; width: auto; }
}

/* ---------- Homepage bar: lift onto imagery with a quiet surface ---------- */
.c-property-search--bar .c-filter-bar { box-shadow: none; }

/* ---------- Full catalogue filters ---------- */
.c-property-search--full .c-filter-bar { background: transparent; border-inline: 0; }
@media (min-width: 64em) {
	.c-property-search--full .c-filter-bar__field { padding-inline: var(--s-4); }
	.c-property-search--full .c-filter-bar__field:first-child { padding-inline-start: 0; }
}
.c-property-search__options {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--s-3) var(--s-6);
	padding-block: var(--s-4);
}
.c-property-search__flags { display: flex; flex-wrap: wrap; gap: 0 var(--s-6); margin: 0; padding: 0; border: 0; }
.c-property-search__flags .c-check { font-size: var(--f-size-small); }
.c-property-search__sort { display: flex; align-items: center; gap: var(--s-3); margin-inline-start: auto; }
.c-property-search__sort .c-select__control {
	min-height: var(--l-tap);
	border-bottom: 0;
	font-size: max(16px, var(--f-size-small));
	padding-block: 0;
}
.c-property-search__reset {
	display: inline-flex;
	align-items: center;
	min-height: var(--l-tap);
	font-size: var(--f-size-caption);
	letter-spacing: var(--f-track-label);
	text-transform: uppercase;
	color: var(--c-text-muted);
	text-decoration: underline;
	text-decoration-color: var(--c-line);
	text-underline-offset: 0.35em;
}
.c-property-search__reset:hover { color: var(--c-text); text-decoration-color: var(--c-accent); }
.c-property-search__reset[hidden] { display: none; }

/* Mobile disclosure (only once filters.js enhances the form). */
.c-property-search__toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--s-3);
	width: 100%;
	min-height: var(--l-control-h);
	padding: 0;
	border-block: var(--hairline) solid var(--c-line-strong);
	font-size: var(--f-size-label);
	font-weight: var(--f-weight-medium);
	letter-spacing: var(--f-track-label);
	text-transform: uppercase;
}
.c-property-search__toggle[hidden] { display: none; }
.c-property-search__toggle span:first-child { margin-inline-end: auto; }
.c-property-search__toggle .c-icon { transition: transform var(--d-base) var(--e-out); }
.c-property-search__toggle[aria-expanded="true"] .c-icon { transform: rotate(45deg); }
.c-property-search__active { color: var(--c-accent-text); font-variant-numeric: tabular-nums; }
.c-property-search__active:empty { display: none; }

.c-property-search--full.is-enhanced .c-property-search__submit { display: none; }
@media (max-width: 63.99em) {
	.c-property-search--full.is-enhanced .c-property-search__panel { display: none; padding-top: var(--s-2); }
	.c-property-search--full.is-enhanced .c-property-search__panel.is-open { display: block; }
	.c-property-search--full .c-filter-bar { border-top: 0; }
	.c-property-search--full .c-filter-bar__field { padding-inline: 0; }
}
@media (min-width: 48em) and (max-width: 63.99em) {
	.c-property-search--full .c-filter-bar > .c-filter-bar__field:nth-child(even) { padding-inline-start: var(--s-4); }
}
@media (min-width: 64em) {
	.c-property-search__toggle { display: none !important; }
	.c-property-search--full.is-enhanced .c-property-search__submit { display: none; }
}

/* Archive: keep the results close to the filters. */
.c-properties-archive__results { padding-top: var(--s-7); }
.c-properties-archive .c-properties-archive__intro { padding-top: var(--s-page-top); }