/**
 * Section heading (BlockTitle): .mk-section-heading (templates/components/section-heading.php).
 *
 * Title and link on one row (space-between), spacing below the row.
 * Per breakpoint from theme.json `custom.sectionHeading.{mobile,tablet,desktop}`
 * (48rem / 64rem = `custom.breakpoint`).
 */

.mk-section-heading {
	--mk-section-heading-font-size: var(
		--wp--custom--section-heading--mobile--font-size
	);
	--mk-section-heading-line-height: var(
		--wp--custom--section-heading--mobile--line-height
	);
	--mk-section-heading-margin: var(
		--wp--custom--section-heading--mobile--margin-bottom
	);

	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--custom--section-heading--gap);
	margin-block: 0 var(--mk-section-heading-margin);
}

@media (min-width: 48rem) {
	.mk-section-heading {
		--mk-section-heading-font-size: var(
			--wp--custom--section-heading--tablet--font-size
		);
		--mk-section-heading-line-height: var(
			--wp--custom--section-heading--tablet--line-height
		);
		--mk-section-heading-margin: var(
			--wp--custom--section-heading--tablet--margin-bottom
		);
	}
}

@media (min-width: 64rem) {
	.mk-section-heading {
		--mk-section-heading-font-size: var(
			--wp--custom--section-heading--desktop--font-size
		);
		--mk-section-heading-line-height: var(
			--wp--custom--section-heading--desktop--line-height
		);
		--mk-section-heading-margin: var(
			--wp--custom--section-heading--desktop--margin-bottom
		);
	}
}

.mk-section-heading__title {
	margin: 0;
	color: var(--wp--custom--color--text--primary);
	font-family: var(--wp--custom--section-heading--font-family);
	font-size: var(--mk-section-heading-font-size);
	font-weight: var(--wp--custom--section-heading--font-weight);
	line-height: var(--mk-section-heading-line-height);
	letter-spacing: var(--wp--custom--text--title-large--letter-spacing);
}