@charset "UTF-8";
/**
 * GenieBuilder — Open House widget.
 * Token-driven. Banner card with per-event date/time + calendar buttons.
 */

.mlsg-gb-oh {
	display: flex;
	flex-direction: column;
	gap: var(--mlsg-gb-space-md);
	padding: var(--mlsg-gb-space-lg);
	background: var(--mlsg-gb-color-surface);
	border: 1px solid var(--mlsg-gb-color-border);
	border-radius: var(--mlsg-gb-radius-card);
	box-shadow: var(--mlsg-gb-shadow-card);
}

.mlsg-gb-oh--empty {
	padding: var(--mlsg-gb-space-md) var(--mlsg-gb-space-lg);
	color: var(--mlsg-gb-color-muted);
	font-size: var(--mlsg-gb-font-meta);
	border: 1px dashed var(--mlsg-gb-color-border);
	border-radius: var(--mlsg-gb-radius-card);
}

.mlsg-gb-oh-archive__empty {
	padding: var(--mlsg-gb-space-md) var(--mlsg-gb-space-lg);
	color: var(--mlsg-gb-color-muted);
	font-size: var(--mlsg-gb-font-meta);
	border: 1px dashed var(--mlsg-gb-color-border);
	border-radius: var(--mlsg-gb-radius-card);
}

.mlsg-gb-oh__heading {
	margin: 0;
	display: flex;
	align-items: center;
	gap: var(--mlsg-gb-space-sm);
	font-size: var(--mlsg-gb-font-price);
	font-weight: 700;
	color: var(--mlsg-gb-color-text);
}
.mlsg-gb-oh__heading i {
	color: var(--mlsg-gb-color-primary);
}

.mlsg-gb-oh__event {
	display: flex;
	flex-direction: column;
	gap: var(--mlsg-gb-space-sm);
	padding-top: var(--mlsg-gb-space-md);
	border-top: 1px solid var(--mlsg-gb-color-border);
}
.mlsg-gb-oh__event:first-of-type {
	padding-top: 0;
	border-top: none;
}

.mlsg-gb-oh__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--mlsg-gb-space-sm);
}

.mlsg-gb-oh__when {
	font-size: var(--mlsg-gb-font-address);
	font-weight: 600;
	color: var(--mlsg-gb-color-text);
}
.mlsg-gb-oh__date,
.mlsg-gb-oh__time {
	display: block;
}
.mlsg-gb-oh__time {
	font-weight: 500;
	color: var(--mlsg-gb-color-muted);
}

.mlsg-gb-oh__remarks {
	margin: 0;
	font-size: var(--mlsg-gb-font-meta);
	color: var(--mlsg-gb-color-muted);
	line-height: 1.5;
}

.mlsg-gb-oh__cal-btn {
	flex-shrink: 0;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--mlsg-gb-color-placeholder);
	color: var(--mlsg-gb-color-primary);
	border: 1px solid var(--mlsg-gb-color-border);
}
.mlsg-gb-oh__cal-btn:hover {
	background: var(--mlsg-gb-color-primary);
	color:var(--mlsg-on-brand);
}