/*
Theme Name: Sarricchio Bienes Raíces
Description: Tema hijo de upTown (WPCasa) con la identidad de Inmobiliaria Sarricchio.
Template: uptown
Version: 0.1.0
Text Domain: uptown-sarricchio
*/

:root {
	--sr-teal: #2fb39f;
	--sr-teal-dark: #23917f;
	--sr-navy: #2c4560;
}

/* Marca */
a { color: var(--sr-teal-dark); }
a:hover { color: var(--sr-navy); }
.site-title a, .site-branding .logo a { color: var(--sr-navy); }
.site-branding img, .site-header img.custom-logo { max-height: 90px; width: auto; height: auto; }

/* Botones */
button, .button, input[type="button"], input[type="submit"],
.wpsight-listing-search input[type="submit"], .wpsight-search-field-submit input {
	background-color: var(--sr-teal);
	border-color: var(--sr-teal);
}
button:hover, .button:hover, input[type="button"]:hover, input[type="submit"]:hover {
	background-color: var(--sr-navy);
	border-color: var(--sr-navy);
}

/* Galería de la ficha */
.sr-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 8px; margin: 12px 0 4px; }
.sr-gallery-item { display: block; border: 2px solid transparent; border-radius: 3px; overflow: hidden; line-height: 0; cursor: pointer; }
.sr-gallery-item img { width: 100%; height: 64px; object-fit: cover; display: block; }
.sr-gallery-item.is-active, .sr-gallery-item:hover { border-color: var(--sr-teal); }

/* Pie */
.site-footer .site-info { text-align: center; }

/* Mapa (OpenStreetMap) */
.sr-map { margin: 8px 0 16px; }
.sr-map iframe { width: 100%; height: 340px; border: 1px solid #ddd; display: block; }
.sr-map-link { display: inline-block; margin-top: 6px; font-size: 0.85em; }
.wpsight-listing-section-location { background: transparent; }

/* Páginas de contenido */
.sr-lead { font-size: 1.25em; color: var(--sr-navy); margin-bottom: 1.2em; }
.sr-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; margin: 1em 0 2em; }
.sr-card { border: 1px solid #e3e3e3; border-radius: 3px; overflow: hidden; background: #fff; display: flex; flex-direction: column; }
.sr-card img { width: 100%; height: 180px; object-fit: cover; display: block; }
.sr-card-body { padding: 14px 16px 16px; }
.sr-card-body h3 { margin: 0 0 8px; color: var(--sr-navy); }
.sr-card-body p { margin: 0 0 8px; }
.sr-card-body ul { margin: 0 0 8px 1.1em; }
.sr-plans img { max-width: 100%; height: auto; margin: 8px 0; }
.sr-section { margin-bottom: 2.4em; }
.sr-section img.sr-section-img { width: 100%; max-height: 320px; object-fit: cover; margin-bottom: 12px; }

/* Formulario de contacto (CF7) */
.wpcf7 form label { display: block; margin-bottom: 14px; font-weight: 600; color: var(--sr-navy); }
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 textarea { width: 100%; max-width: 560px; display: block; margin-top: 4px; font-weight: 400; }
.wpcf7-not-valid-tip { color: #b32d2e; font-size: 0.85em; font-weight: 400; }
.wpcf7 form .wpcf7-response-output { max-width: 560px; }

/* Íconos en lugar de texto para ambientes, baños y superficie (los mismos de sarricchio.com) */
.wpsight-listing-summary, .wpsight-listing-compare { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 22px; }
.wpsight-listing-summary .listing-details-4, .wpsight-listing-compare .listing-details-4 { order: -1; }
.listing-details-1 .listing-details-label,
.listing-details-2 .listing-details-label,
.listing-details-4 .listing-details-label {
	display: inline-block; width: 26px; height: 24px; overflow: hidden; white-space: nowrap; text-indent: -9999px;
	vertical-align: middle; margin-right: 4px; background: no-repeat center / contain;
}
.listing-details-1 .listing-details-label { background-image: url("img/dormitorios.png"); }
.listing-details-2 .listing-details-label { background-image: url("img/bano.png"); }
.listing-details-4 .listing-details-label { background-image: url("img/superficie-cubierta.png"); }

/* Ajuste de espaciado de los detalles con íconos */
.wpsight-listing-details { display: flex; flex-wrap: wrap; gap: 0 32px; margin-right: 0; }
.wpsight-listing-details .listing-details-detail { float: none; width: auto; margin-right: 0; padding: 10px 0; border-bottom: 0; }
.wpsight-listing-details .listing-details-label { min-width: 0; margin-right: 6px; }
.wpsight-listing-summary .listing-details-detail, .wpsight-listing-compare .listing-details-detail { margin: 0; padding: 0; }
.wpsight-listing-summary .listing-details-label, .wpsight-listing-compare .listing-details-label { margin-right: 6px; }
.wpsight-listing-summary::before, .wpsight-listing-summary::after,
.wpsight-listing-compare::before, .wpsight-listing-compare::after,
.wpsight-listing-details::before, .wpsight-listing-details::after { display: none; }