/* Garage card component. No live equivalent exists — tier badge styling in particular is
   a GUESS, since the plugin currently only ever sets tier to 'standard'. */

.lm-garage-card {
	position: relative;
	padding: var( --lm-space-3 );
	border: 1px solid var( --lm-color-border );
	border-radius: var( --lm-radius-card );
	background-color: var( --lm-color-bg );
}

.lm-garage-card--featured {
	border-color: var( --lm-color-primary );
}

.lm-garage-card__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var( --lm-space-2 );
	margin-bottom: var( --lm-space-1 );
}

.lm-garage-card__badge {
	flex-shrink: 0;
	background-color: var( --lm-color-primary );
	color: var( --lm-color-white );
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 4px 10px;
	border-radius: 999px;
	white-space: nowrap;
}

.lm-garage-card__name {
	margin-bottom: 0;
	font-size: 1.1rem;
}

.lm-garage-card__address {
	color: var( --lm-color-text-muted );
	font-size: 0.9rem;
	margin-bottom: var( --lm-space-2 );
}

.lm-garage-card__description {
	color: var( --lm-color-text-muted );
	font-size: 0.9rem;
	margin-bottom: var( --lm-space-2 );
}

.lm-garage-card__coverage {
	color: var( --lm-color-text-muted );
	font-size: 0.85rem;
	font-weight: 600;
	margin-bottom: var( --lm-space-2 );
}

.lm-garage-card__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	margin: 0 0 var( --lm-space-2 );
	padding: 0;
}

.lm-garage-card__tags li {
	font-size: 0.75rem;
	font-weight: 600;
	color: var( --lm-color-text );
	background-color: var( --lm-color-surface-alt );
	border: 1px solid var( --lm-color-border );
	border-radius: 999px;
	padding: 3px 10px;
}

.lm-garage-card__contact {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.lm-garage-card__phone,
.lm-garage-card__email {
	font-weight: 600;
	font-size: 0.9rem;
}

.lm-garage-card__phone:hover,
.lm-garage-card__email:hover {
	color: var( --lm-color-primary );
}