/*
 * Services archive/grid — scoped entirely under .bmx-service-archive.
 */

.bmx-service-grid__list {
	gap: var( --wp--preset--spacing--40 );
}

.bmx-service-card {
	height: 100%;
	padding: var( --wp--preset--spacing--30 );
	background-color: var( --wp--preset--color--bmx-surface );
	border-radius: 12px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.bmx-service-card:hover {
	transform: translateY( -4px );
	box-shadow: 0 16px 32px -16px rgba( 23, 37, 48, 0.25 );
}

.bmx-service-card__image img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	border-radius: 8px;
	margin-bottom: var( --wp--preset--spacing--20 );
}

.bmx-service-card__title a {
	font-family: 'Inter', sans-serif;
	color: var( --wp--preset--color--bmx-heading );
	text-decoration: none;
}

.bmx-service-card__title a:hover,
.bmx-service-card__title a:focus-visible {
	color: var( --wp--preset--color--bmx-primary );
}

.bmx-service-card__excerpt {
	font-family: 'Roboto', sans-serif;
	color: var( --wp--preset--color--bmx-muted );
}

.bmx-service-grid__pagination {
	margin-top: var( --wp--preset--spacing--60 );
	justify-content: center;
	gap: var( --wp--preset--spacing--20 );
}