/**
 * Promotion notice: .mk-promo-notice (templates/components/promo-notice.php).
 * Radius 10, 1px border, subtle background, padding 12 / 14; title label-medium
 * (primary) + 4 + text body-small.
 */

.mk-promo-notice {
	padding-block: var(--wp--custom--promo-notice--padding-block);
	padding-inline: var(--wp--custom--promo-notice--padding-inline);
	border: var(--wp--custom--border-width--thin) solid
		var(--wp--custom--color--promo-notice--border);
	border-radius: var(--wp--custom--promo-notice--radius);
	background-color: var(--wp--custom--color--promo-notice--background);
}

.mk-promo-notice__title {
	margin: 0;
	color: var(--wp--custom--color--text--primary);
	font-family: var(--wp--custom--text--label-medium--font-family);
	font-size: var(--wp--custom--text--label-medium--font-size);
	font-weight: var(--wp--custom--text--label-medium--font-weight);
	line-height: var(--wp--custom--text--label-medium--line-height);
	letter-spacing: var(--wp--custom--text--label-medium--letter-spacing);
}

.mk-promo-notice__title + .mk-promo-notice__text,
.mk-promo-notice__text + .mk-promo-notice__text {
	margin-block-start: var(--wp--custom--promo-notice--title-gap);
}

.mk-promo-notice__text {
	margin: 0;
	font-family: var(--wp--custom--text--body-small--font-family);
	font-size: var(--wp--custom--text--body-small--font-size);
	font-weight: var(--wp--custom--text--body-small--font-weight);
	line-height: var(--wp--custom--text--body-small--line-height);
	letter-spacing: var(--wp--custom--text--body-small--letter-spacing);
}

/* Rich content (block markiza/notice): paragraphs and lists styled like the texts. */
.mk-promo-notice__title + .mk-promo-notice__content,
.mk-promo-notice__text + .mk-promo-notice__content,
.mk-promo-notice__content > * + * {
	margin-block-start: var(--wp--custom--promo-notice--title-gap);
}

.mk-promo-notice__content {
	font-family: var(--wp--custom--text--body-small--font-family);
	font-size: var(--wp--custom--text--body-small--font-size);
	font-weight: var(--wp--custom--text--body-small--font-weight);
	line-height: var(--wp--custom--text--body-small--line-height);
	letter-spacing: var(--wp--custom--text--body-small--letter-spacing);
}

.mk-promo-notice__content > * {
	margin-block-end: 0;
}

.mk-promo-notice__content > :first-child {
	margin-block-start: 0;
}