/**
 * Search-location — correcciones SOLO escritorio (page-search-location.php + .zp-sl-desktop-category).
 * Carga después de redesign / desktop-layout. No aplica al template móvil.
 */

@media (min-width: 992px) {
	body.zp-sl-desktop-category #page,
	body.zp-sl-desktop-category #wrapper,
	body.zp-sl-desktop-category #main,
	body.zp-sl-desktop-category .zp-sl-layout--category,
	body.zp-sl-desktop-category .search-location-wrap.search-location-no-mobile,
	body.zp-sl-desktop-category .zp-sl-layout--category > .search-location-wrap > .row,
	body.zp-sl-desktop-category .zp-sl-main-col,
	body.zp-sl-desktop-category form#search-location-form.zp-sl-category-form {
		max-width: none !important;
		width: 100% !important;
		box-sizing: border-box;
	}

	body.zp-sl-desktop-category .zp-sl-explore__inner {
		max-width: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Sin bleed móvil que desalinea / solapa bloques */
	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-explore {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		max-width: none !important;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-cat-rail-stack {
		width: 100% !important;
		max-width: none !important;
		box-sizing: border-box;
	}

	/* Guía “pasos del mapa” — solo móvil; en desktop estorba y solapa rubros */
	body.zp-sl-desktop-category .zp-sl-map-intro {
		display: none !important;
	}

	/* Toolbar: búsqueda + ubicación en una fila */
	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-explore__masthead--stack {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
		gap: 12px 16px;
		align-items: start;
		padding: 18px 22px !important;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-explore__location--toolbar {
		margin-top: 0 !important;
	}

	/* Toggle ancho completo del bloque superior */
	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-mobile-map-list-toggle {
		width: min(320px, 100%);
		max-width: 320px;
		margin: 0 0 14px !important;
	}

	/* Zona contenido (mapa + lista) sobre fondo claro */
	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-cat-body {
		background: #f1f5f9;
		border-radius: 16px 16px 0 0;
		padding: 16px 0 0;
		width: 100%;
	}

	/* Sheet: panel lista por encima del mapa Leaflet (z-index alto del canvas) */
	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-sheet-shell,
	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-cat-sheet-wrap {
		margin: 0 !important;
		width: 100% !important;
		max-width: none !important;
		position: relative !important;
		z-index: 2 !important;
		background: #fff !important;
		box-shadow: 0 4px 24px rgba(15, 23, 42, 0.08) !important;
		display: flex !important;
		flex-direction: column !important;
		overflow: hidden !important;
		min-height: 0 !important;
	}

	/* Títulos visibles y apilados (redesign los oculta globalmente) */
	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-sheet__head,
	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-sheet__head--app {
		display: block !important;
		margin: 0 0 4px !important;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-sheet__title,
	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-sheet__title--app {
		display: flex !important;
		flex-wrap: wrap;
		align-items: baseline;
		gap: 0 8px;
		margin: 0 !important;
		font-size: 1.35rem !important;
		font-weight: 800 !important;
		line-height: 1.2 !important;
		color: #0f172a !important;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-sheet__subtitle,
	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-sheet__subtitle--app {
		display: block !important;
		margin: 0 0 8px !important;
		font-size: 0.9375rem !important;
		line-height: 1.45 !important;
		color: #64748b !important;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-sheet__intro,
	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-sheet__intro--app {
		display: block !important;
		flex: 0 0 auto !important;
		padding: 20px 22px 12px !important;
		margin: 0 !important;
		border-bottom: 1px solid #e2e8f0;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-sheet__count,
	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-sheet__count--app {
		padding: 0 !important;
		margin: 0 0 4px !important;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-sheet__count-stack {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		align-items: baseline !important;
		gap: 6px 10px !important;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-sheet__count-huge {
		font-size: 1.5rem !important;
		line-height: 1.1 !important;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-sheet__count-sub {
		font-size: 0.875rem !important;
		line-height: 1.35 !important;
		max-width: none !important;
	}

	/* Filtros rápidos: siempre visibles; solo la lista hace scroll debajo */
	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-chips {
		display: flex !important;
		flex: 0 0 auto !important;
		flex-wrap: wrap !important;
		align-items: center !important;
		gap: 8px !important;
		margin: 0 !important;
		padding: 12px 22px !important;
		border-bottom: 1px solid #e2e8f0 !important;
		background: #fff !important;
		position: relative !important;
		z-index: 6 !important;
		overflow: visible !important;
		width: 100% !important;
		box-sizing: border-box !important;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-chip {
		flex: 0 0 auto !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 40px !important;
		padding: 8px 16px !important;
		font-size: 0.875rem !important;
		font-weight: 600 !important;
		border: 1.5px solid #e2e8f0 !important;
		background: #fff !important;
		color: #334155 !important;
		border-radius: 999px !important;
		cursor: pointer !important;
		white-space: nowrap !important;
		pointer-events: auto !important;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-chip--active {
		background: #0052ff !important;
		border-color: #0052ff !important;
		color: #fff !important;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-sheet__results,
	body.zp-sl-desktop-category .search-location-no-mobile .result-search-location {
		flex: 1 1 auto !important;
		min-height: 0 !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		padding: 0 22px 16px !important;
		margin: 0 !important;
		position: relative !important;
		z-index: 1 !important;
	}

	/* Cards: botones WA/perfil no absolutos (evita texto encimado en columna lista) */
	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-carousel__slide--main .zp-sl-card__inner2026--ref {
		min-height: 0 !important;
		padding: 12px 12px 10px !important;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-carousel__slide--main .zp-sl-card__head-row {
		grid-template-columns: 72px minmax(0, 1fr) !important;
		padding-right: 0 !important;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-carousel__slide--main .zp-sl-card__actions2026 {
		position: static !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		flex-direction: row !important;
		justify-content: flex-end !important;
		align-items: center !important;
		gap: 8px !important;
		margin: 10px 0 0 !important;
		padding: 0 !important;
		grid-column: 1 / -1 !important;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-carousel__slide--main .zp-sl-card__btn2--wa,
	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-carousel__slide--main .zp-sl-card__btn2--profile {
		flex: 1 1 auto !important;
		min-width: 0 !important;
		max-width: 48% !important;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-card--carousel {
		min-height: 0 !important;
	}

	body.zp-sl-desktop-category .search-location-no-mobile #zp-sl-results-list > li {
		width: 100% !important;
		max-width: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .filter-reset {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 8px;
	}
}

@media (min-width: 1024px) {
	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-cat-map-wrap {
		position: sticky;
		top: calc(var(--zp-header-offset, 88px) + 8px);
		overflow: hidden !important;
		isolation: isolate;
		z-index: 1;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-cat-map-wrap #google_canvas_wrap,
	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-cat-map-wrap #osm_canvas,
	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-cat-map-wrap .leaflet-container {
		overflow: hidden !important;
		max-width: 100% !important;
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-cat-map-wrap #google_canvas_wrap {
		min-height: min(70vh, 760px);
	}

	body.zp-sl-desktop-category .search-location-no-mobile .zp-sl-cat-sheet-wrap {
		max-height: min(76vh, 800px);
	}
}
