/* Shared section chrome for the storefront blocks. */

.mercio-section__header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1.5rem;
	margin-bottom: 1.75rem;
}

.mercio-section__titles {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.mercio-section__eyebrow {
	margin: 0;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--primary, #2f9150);
}

.mercio-section__heading {
	margin: 0;
	font-size: clamp(1.4rem, 1rem + 1.6vw, 2rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--wp--preset--color--contrast, #0f2d20);
}

.mercio-section__subheading {
	margin: 0;
	font-size: 0.95rem;
	color: var(--wp--preset--color--muted, #6b7a70);
}

.mercio-section__link {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.85rem;
	font-weight: 600;
	text-decoration: none;
	color: var(--wp--preset--color--primary, #2f9150);
	white-space: nowrap;
}

.mercio-section__link:hover {
	color: var(--wp--preset--color--primary-dark, #0f3325);
}

.mercio-section__link span {
	transition: transform 0.15s ease;
}

.mercio-section__link:hover span {
	transform: translateX(3px);
}

@media (max-width: 600px) {
	.mercio-section__header {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.75rem;
	}
}