/* Imóveis GuiaWP — front-end
   @author Negócios Assis
   @since 1.0.0 - 2026-07-23 */

.imgw-badge-preco {
	background: #1a3c5e; color: #fff;
	font-size: 13px; font-weight: 800;
	padding: 5px 12px; border-radius: 9999px;
	box-shadow: 0 4px 10px rgba(15,23,42,.25);
}

.imgw-badge-status {
	background: rgba(15,23,42,.75); color: #fde68a;
	font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
	padding: 4px 10px; border-radius: 9999px;
}

.imgw-specs span,
.imgw-specs .material-symbols-outlined { font-size: 15px; }

/* Página de listagem: filtros */
.imgw-filtros select { padding: 8px 10px; }

/* Página de detalhes */
.imgw-galeria-principal { aspect-ratio: 16 / 10; background: #f1f5f9; }
.imgw-galeria-principal img { width: 100%; height: 100%; object-fit: cover; display: block; }

.imgw-galeria-thumbs { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 4px; }
.imgw-thumb-btn {
	flex: 0 0 auto; width: 76px; height: 76px; border-radius: 10px; overflow: hidden;
	border: 2px solid transparent; padding: 0; cursor: pointer; background: none;
}
.imgw-thumb-btn img { width: 100%; height: 100%; object-fit: cover; display: block; }
.imgw-thumb-btn.is-active { border-color: #1a3c5e; }

.imgw-specs-row .imgw-spec {
	display: inline-flex; align-items: center; gap: 5px;
	font-size: 13px; font-weight: 600; color: #475569;
}
.imgw-specs-row .imgw-spec .material-symbols-outlined { font-size: 18px; color: #94a3b8; }

.imgw-sidebar-card { box-shadow: 0 12px 40px -28px rgba(15,23,42,.45); }

.imgw-btn-whatsapp {
	display: flex; align-items: center; justify-content: center; gap: 8px;
	width: 100%; background: #25d366; color: #fff;
	font-size: 14px; font-weight: 700; text-decoration: none;
	padding: 12px 16px; border-radius: 12px;
	transition: filter .15s ease;
}
.imgw-btn-whatsapp:hover { filter: brightness(.95); color: #fff; text-decoration: none; }

@media (max-width: 1024px) {
	.imgw-sidebar-card { position: static !important; }
}

@media (max-width: 640px) {
	.imgw-filtros { flex-direction: column; }
	.imgw-filtros select, .imgw-filtros button, .imgw-filtros a { width: 100%; }
}