/* onOffice Immobilien Plugin - Basis-Styles */

.onoffice-immo-list { margin: 1.5em 0; }
.onoffice-immo-empty { color: #666; font-style: italic; }
.onoffice-immo-error { color: #b32d2e; padding: 1em; background: #fcf0f1; border-left: 4px solid #b32d2e; }

.onoffice-immo-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 1.5rem;
}

.onoffice-immo-card {
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	transition: box-shadow 0.2s;
}
.onoffice-immo-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }

.onoffice-immo-card-link { text-decoration: none; color: inherit; display: block; }
.onoffice-immo-card-image {
	aspect-ratio: 4/3;
	background: #f0f0f0;
	overflow: hidden;
}
.onoffice-immo-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.onoffice-immo-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #999;
	font-size: 0.9em;
}
.onoffice-immo-card-body { padding: 1rem; }
.onoffice-immo-card-title {
	margin: 0 0 0.5em;
	font-size: 1.1em;
	line-height: 1.3;
}
.onoffice-immo-price { font-weight: 600; color: #333; margin: 0.5em 0; }
.onoffice-immo-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em 1em;
	font-size: 0.9em;
	color: #666;
}
.onoffice-immo-meta span:not(:last-child)::after {
	content: "•";
	margin-left: 0.5em;
	color: #ccc;
}
.onoffice-immo-total { margin-top: 1.5em; color: #666; font-size: 0.9em; }

/* Detail */
.onoffice-immo-detail { max-width: 900px; margin: 0 auto; }
.onoffice-immo-detail-header { margin-bottom: 1.5em; }
.onoffice-immo-detail-title { margin: 0 0 0.25em; }
.onoffice-immo-detail-price { font-size: 1.25em; font-weight: 600; margin: 0; }
.onoffice-immo-detail-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 1rem;
	margin-bottom: 2em;
}
.onoffice-immo-detail-gallery figure { margin: 0; }
.onoffice-immo-detail-gallery img {
	width: 100%;
	height: auto;
	border-radius: 4px;
}
.onoffice-immo-detail-gallery figcaption { font-size: 0.85em; color: #666; margin-top: 0.25em; }
.onoffice-immo-detail-content section { margin-bottom: 2em; }
.onoffice-immo-detail-content h2 { font-size: 1.1em; margin-bottom: 0.5em; }
.onoffice-immo-facts-list {
	display: grid;
	grid-template-columns: 140px 1fr;
	gap: 0.25em 1.5em;
}
.onoffice-immo-facts-list dt { color: #666; }
.onoffice-immo-facts-list dd { margin: 0; }