/* Buscador rápido — barra insertada debajo del banner de cada página del
 * sitio EXCEPTO en la home y en /propiedades/ (ver
 * Inmovilla_Connector_Frontend::render_quick_search()). Autocontenido, sin
 * depender del CSS del theme activo (mismo criterio que frontend.css):
 * misma paleta/tipografía de Palace, pero con sus propios valores.
 *
 * A ancho completo y pegada al banner sin dejar hueco (a petición del
 * usuario): el bloque no vive dentro de ".auto-container" (ver los puntos
 * donde se llama a render_quick_search() en page.php/single.php/
 * tpl-default-elementor.php/single-equipo.php, todos FUERA de ese
 * contenedor), así que basta con no imponerle un max-width propio ni un
 * margen — ocupa solo el ancho real disponible.
 *
 * En móvil (max-width:767px, mismo punto de quiebre que /propiedades/) se
 * calca el mismo patrón que ya usa el buscador de /propiedades/ en móvil
 * (ver ".inmovilla-filters" en frontend.css): rejilla de 2 columnas con
 * líneas finas entre celdas, sin tarjeta de fondo ni bordes redondeados,
 * botón "Buscar" a ancho completo — aquí con solo 6 campos (sin Zona ni
 * amenities) en vez de los 8 del buscador completo.
 */
.inmovilla-quick-search {
	--inmovilla-qs-primary: #eb2027;
	--inmovilla-qs-text: #171b2a;
	--inmovilla-qs-border: rgba(0, 0, 0, 0.1);
	--inmovilla-qs-font: "Plus Jakarta Sans", sans-serif;

	position: relative;
	z-index: 5;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: var(--inmovilla-qs-font);
}

.inmovilla-quick-search *,
.inmovilla-quick-search *::before,
.inmovilla-quick-search *::after {
	box-sizing: border-box;
}

.inmovilla-quick-search__form {
	display: grid;
	grid-template-columns: repeat(6, 1fr) auto;
	align-items: stretch;
	width: 100%;
	background: #fff;
	box-shadow: 0 6px 16px rgba(23, 27, 42, 0.1);
}

.inmovilla-quick-search__field {
	position: relative;
	padding: 0.85rem 1.25rem;
	border-right: 1px solid var(--inmovilla-qs-border);
	min-width: 0;
}

.inmovilla-quick-search__field:last-of-type {
	border-right: none;
}

/* Visualmente oculto (accesible para lectores de pantalla) — el propio
 * <select> ya muestra su placeholder como único texto visible del campo,
 * igual que en el buscador de referencia. */
.inmovilla-quick-search__field label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.inmovilla-quick-search__field select {
	width: 100%;
	border: none;
	background-color: transparent;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171b2a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 14px;
	font-family: var(--inmovilla-qs-font);
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--inmovilla-qs-text);
	padding: 0 1.2rem 0 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.inmovilla-quick-search__submit {
	border: none;
	background: var(--inmovilla-qs-text);
	color: #fff;
	font-family: var(--inmovilla-qs-font);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.85rem;
	letter-spacing: 0.02em;
	padding: 0 2.2rem;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.inmovilla-quick-search__submit:hover,
.inmovilla-quick-search__submit:focus {
	background: var(--inmovilla-qs-primary);
}

/* --- Móvil: mismo patrón que ".inmovilla-filters" de /propiedades/ --- */
@media (max-width: 767px) {
	.inmovilla-quick-search__form {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		box-shadow: none;
		border-top: 1px solid var(--inmovilla-qs-border);
	}

	.inmovilla-quick-search__field {
		padding: 0.9rem 1.25rem;
		border-right: 1px solid var(--inmovilla-qs-border);
		border-bottom: 1px solid var(--inmovilla-qs-border);
	}

	.inmovilla-quick-search__field:nth-child(2n) {
		border-right: none;
	}

	.inmovilla-quick-search__field select {
		font-size: 0.9rem;
	}

	.inmovilla-quick-search__submit {
		grid-column: 1 / -1;
		width: 100%;
		padding: 16px 20px;
	}
}