/* La busqueda va a sangre: el main pierde el ancho y el padding del
   container para que la lista y el mapa ocupen la ventana entera. La barra
   de filtros, el cajon, la pantalla partida y el conmutador movil son de
   React con utilities; aqui quedan las cards densas, los pines y el popup,
   que pisan hojas sin capa y dependen de las variables de tokens.css. */
body:has(.search-shell) main.container {
	max-width: none;
	padding: 0;
}

/* Cards mas densas que en la home: la lista compite con el mapa por el ancho
   y caben tres por fila en un desktop normal. */
.search-results-list .ad-results-list {
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: var(--s-3);
}

.search-results-list .ad-card-price {
	font-size: var(--fs-lg);
}

.search-results-list .ad-card-strip {
	padding: var(--s-2) var(--s-3);
}

.ad-result-card-hover {
	outline: 2px solid var(--accent);
	border-radius: var(--r-lg);
}

.ad-map-pin {
	display: inline-block;
	background: var(--accent);
	color: var(--accent-ink);
	font-weight: 600;
	font-size: var(--fs-sm);
	padding: 2px var(--s-2);
	border-radius: var(--r-full);
	border: 1px solid rgba(0, 0, 0, .15);
	box-shadow: var(--shadow-1);
	white-space: nowrap;
}

.ad-map-pin-wrap {
	background: none;
	border: none;
}

.ad-map-pin-active .ad-map-pin {
	background: var(--navy, #0E2E50);
	color: #fff;
}

.search-results-map .leaflet-popup-content a {
	display: grid;
	gap: var(--s-1);
	text-decoration: none;
}

.search-results-map .leaflet-popup-content img {
	width: 200px;
	border-radius: var(--r-sm);
}

.marker-cluster-small,
.marker-cluster-small div,
.marker-cluster-medium,
.marker-cluster-medium div,
.marker-cluster-large,
.marker-cluster-large div {
	background-color: rgba(149, 211, 15, .5);
	color: var(--navy-deep, #081d36);
	font-weight: 600;
}