/**
 * WPCasa Listings Grid - 3 Columnas
 * Convierte los listados en una grilla horizontal de 3 columnas
 * con estructura vertical: imagen arriba, título medio, info abajo
 */

/* Contenedor principal de listados - Grid de 3 columnas (misma altura por fila) */
.wpsight-listings-sc .wpsight-listings {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin-bottom: 30px;
	align-items: stretch;
}

/* Cada tarjeta: ocupa toda la celda del grid y reparte altura en columna flex */
.wpsight-listings-sc .wpsight-listings .listing-archive {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	transition: box-shadow 0.3s ease;
}

.wpsight-listings-sc .wpsight-listings .listing-archive:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Contenedor de ofertas: crece para igualar altura entre tarjetas de la fila */
.wpsight-listings-sc .wpsight-listings .listing-archive > div[itemscope][itemtype="http://schema.org/Offer"],
.wpsight-listings-sc .wpsight-listings .listing-archive > div[itemscope][itemtype="https://schema.org/Offer"] {
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	min-height: 0;
	flex: 1 1 auto !important;
}

/* Imagen - Arriba */
.wpsight-listings-sc .wpsight-listings .wpsight-listing-left {
	float: none !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	width: 100% !important;
	order: 1;
}

.wpsight-listings-sc .wpsight-listings .wpsight-listing-section-image {
	margin-bottom: 0;
	order: 1;
}

.wpsight-listings-sc .wpsight-listings .wpsight-listing-image {
	width: 100%;
	overflow: hidden;
	position: relative;
}

/* Enlace = caja con proporción fija; la imagen rellena con object-fit: cover (centrada) */
.wpsight-listings-sc .wpsight-listings .wpsight-listing-image a {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	position: relative;
	background: #e8eaed;
}

.wpsight-listings-sc .wpsight-listings .wpsight-listing-image img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
	transition: transform 0.4s ease;
}

.wpsight-listings-sc .wpsight-listings .wpsight-listing-image:hover img {
	transform: scale(1.06);
}

/* Contenedor derecho - Título e Info (Simplified); alineación a la izquierda sin padding extra en bloques internos */
.wpsight-listings-sc .wpsight-listings .wpsight-listing-right {
	overflow: visible !important;
	order: 2;
	padding: 20px 16px 22px 14px;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	width: 100%;
	min-height: 0; /* Permite que el flex funcione correctamente */
	gap: 0;
	background: #fff;
}

/* Remove all borders inside wpsight-listing-right for cleaner look */
.wpsight-listings-sc .wpsight-listings .wpsight-listing-right * {
	border: none !important;
}

/* Título - Medio (simplified and regular) */
.wpsight-listings-sc .wpsight-listings .wpsight-listing-section-title {
	order: 1;
	margin-bottom: 0;
}

.wpsight-listings-sc .wpsight-listings .wpsight-listing-title h2,
.wpsight-listings-sc .wpsight-listings .wpsight-listing-title-simplified h2 {
	margin: 0 0 12px 0;
	font-size: 1.35em;
	line-height: 1.4;
	font-weight: 600;
	color: #2c3e50;
}

.wpsight-listings-sc .wpsight-listings .wpsight-listing-title h2 a,
.wpsight-listings-sc .wpsight-listings .wpsight-listing-title-simplified h2 a {
	text-decoration: none;
	color: #2c3e50;
	transition: color 0.3s ease;
	display: block;
}

.wpsight-listings-sc .wpsight-listings .wpsight-listing-title h2 a:hover,
.wpsight-listings-sc .wpsight-listings .wpsight-listing-title-simplified h2 a:hover {
	color: #0073aa;
}

/* Información - oculta (el precio va bajo el título en listing-archive-title) */
.wpsight-listings-sc .wpsight-listings .wpsight-listing-section-info {
	order: 2;
	margin-bottom: 0;
	padding: 0;
	display: none;
}

.wpsight-listings-sc .wpsight-listings .wpsight-listing-section-summary {
	order: 3;
	margin: 0;
	padding: 0;
	width: 100%;
}

.wpsight-listings-sc .wpsight-listings .wpsight-listing-summary-simplified {
	margin: 0;
	padding: 0;
	width: 100%;
}

/* Sin separación bajo la línea de características (antes venía del gap del flex) */
.wpsight-listings-sc .wpsight-listings .wpsight-listing-section-summary,
.wpsight-listings-sc .wpsight-listings .wpsight-listing-summary-simplified {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.wpsight-listings-sc .wpsight-listings .wpsight-listing-section-compare {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.wpsight-listings-sc .wpsight-listings .wpsight-listing-section-description {
	order: 4;
	margin-bottom: 0;
}

/* Título + precio debajo (bloques separados); margen inferior = aire antes de características (sin gap en el padre) */
.wpsight-listings-sc .wpsight-listings .wpsight-listing-title-simplified {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	margin-bottom: 14px;
}

.wpsight-listings-sc .wpsight-listings .wpsight-listing-title-simplified h2 {
	margin: 0;
	font-size: 1.35em;
	line-height: 1.4;
	font-weight: 600;
	color: #2c3e50;
}

.wpsight-listings-sc .wpsight-listings .wpsight-listing-title-simplified h2 a {
	text-decoration: none;
	color: #2c3e50;
	transition: color 0.3s ease;
	display: block;
}

.wpsight-listings-sc .wpsight-listings .wpsight-listing-title-simplified h2 a:hover {
	color: #0073aa;
}

.wpsight-listings-sc .wpsight-listings .listing-archive-price {
	margin: 0;
	width: 100%;
	font-weight: 700;
	color: #2c3e50;
	line-height: 1.35;
}

.wpsight-listings-sc .wpsight-listings .listing-archive-price .wpsight-listing-price {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

.wpsight-listings-sc .wpsight-listings .listing-archive-price .listing-price-symbol,
.wpsight-listings-sc .wpsight-listings .listing-archive-price .listing-price-value {
	font-size: 1.05em;
	font-weight: 700;
	color: #2c3e50;
}

/* Location improvements in grid */
.wpsight-listings-sc .wpsight-listings .wpsight-listing-location {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 14px;
	color: #666;
	padding: 8px 0;
}

.wpsight-listings-sc .wpsight-listings .wpsight-listing-location .location-icon {
	font-size: 16px;
	line-height: 1;
}

.wpsight-listings-sc .wpsight-listings .wpsight-listing-location .location-text {
	font-weight: 500;
	color: #555;
}

/* Responsive - Tablet: 2 columnas */
@media (max-width: 1024px) {
	.wpsight-listings-sc .wpsight-listings {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}

/* Responsive - Móvil: 1 columna */
@media (max-width: 768px) {
	.wpsight-listings-sc .wpsight-listings {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	
	.wpsight-listings-sc .wpsight-listings .wpsight-listing-right {
		padding: 18px 14px 18px 12px;
		gap: 0;
	}
	
	.wpsight-listings-sc .wpsight-listings .wpsight-listing-title h2,
	.wpsight-listings-sc .wpsight-listings .wpsight-listing-title-simplified h2 {
		font-size: 1.2em;
		margin-bottom: 0;
	}

	.wpsight-listings-sc .wpsight-listings .wpsight-listing-title-simplified {
		gap: 6px;
	}

	.wpsight-listings-sc .wpsight-listings .listing-archive-price .listing-price-symbol,
	.wpsight-listings-sc .wpsight-listings .listing-archive-price .listing-price-value {
		font-size: 0.95em;
	}
}

/* Asegurar que no haya floats que interfieran */
.wpsight-listings-sc .wpsight-listings .listing-archive::after {
	content: "";
	display: table;
	clear: both;
}