/**
 * Micro BrandHub listing — shared base (all layouts).
 * !important: win over theme styles for listing UI.
 */

.mbh-list {
	--mbh-gap: 1rem !important;
	--mbh-radius: 6px !important;
	--mbh-color-text: #1a1a1a !important;
	--mbh-color-muted: #5c5c5c !important;
	--mbh-color-accent: #2563eb !important;
	--mbh-color-surface: #ffffff !important;
	--mbh-color-surface-alt: #f4f4f5 !important;
	--mbh-color-border: #d4d4d8 !important;
	--mbh-color-header-bg: #f4f4f5 !important;
	--mbh-color-header-text: #1a1a1a !important;
	--mbh-cta-bg: var(--mbh-color-accent) !important;
	--mbh-cta-text: #ffffff !important;
	--mbh-cta-hover-bg: color-mix(in srgb, var(--mbh-color-accent) 88%, #000) !important;
	--mbh-cta-font-size: 18px !important;
	--mbh-cta-pad-y: 12px !important;
	--mbh-cta-pad-x: 24px !important;
	--mbh-border: 1px solid var(--mbh-color-border) !important;
	/* No !important: must be overridable by inline style on .mbh-list (per shortcode / width setting). */
	--mbh-container-max: none;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: var(--mbh-container-max) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	color: var(--mbh-color-text) !important;
	background: transparent !important;
}

.mbh-list *,
.mbh-list *::before,
.mbh-list *::after {
	box-sizing: inherit !important;
}

.mbh-list__item {
	margin: 0 !important;
	background: var(--mbh-color-surface) !important;
}

.mbh-list__inner {
	display: flex !important;
	gap: var(--mbh-gap) !important;
	align-items: flex-start !important;
}

.mbh-list__media {
	flex-shrink: 0 !important;
	max-width: var(--mbh-logo-max-width, 96px) !important;
	min-width: 0 !important;
}

.mbh-list__logo-link {
	display: inline-block !important;
	line-height: 0 !important;
	text-decoration: none !important;
	color: inherit !important;
	max-width: 100% !important;
}

.mbh-list__logo {
	display: block !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: var(--mbh-logo-max-width, 96px) !important;
	height: auto !important;
	max-height: var(--mbh-logo-max-height, none) !important;
	min-width: 0 !important;
	min-height: 0 !important;
	object-fit: contain !important;
	object-position: center !important;
	border-radius: var(--mbh-radius) !important;
}

.mbh-list__title {
	margin: 0 0 0.35rem !important;
	font-size: 1.1rem !important;
	line-height: 1.25 !important;
	color: var(--mbh-color-text) !important;
}

.mbh-list__rating {
	margin: 0 0 0.35rem !important;
	line-height: 1.2 !important;
	color: var(--mbh-color-text) !important;
}

.mbh-list__card-rating {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.2rem !important;
	flex-shrink: 0 !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: var(--mbh-color-text) !important;
}

.mbh-list__card-rating .mbh-list__star,
.mbh-list__card-rating .mbh-list__rating-value,
.mbh-list__card-rating .mbh-list__rating-suffix {
	color: inherit !important;
	font-size: inherit !important;
}

.mbh-list__bonus {
	margin: 0 0 0.5rem !important;
	font-size: 0.9rem !important;
	line-height: 1.4 !important;
	color: var(--mbh-color-muted) !important;
}

.mbh-list__cta {
	display: inline-block !important;
	padding: var(--mbh-cta-pad-y) var(--mbh-cta-pad-x) !important;
	font-size: var(--mbh-cta-font-size) !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	border-radius: calc(var(--mbh-radius) - 2px) !important;
	background: var(--mbh-cta-bg) !important;
	color: var(--mbh-cta-text) !important;
	border: none !important;
	cursor: pointer !important;
	transition: background 0.15s ease, color 0.15s ease !important;
}

.mbh-list__cta:hover,
.mbh-list__cta:focus {
	background: var(--mbh-cta-hover-bg) !important;
	color: var(--mbh-cta-text) !important;
	text-decoration: none !important;
}