/**
 * Shared badge component — used on home sections and inner pages.
 *
 * @package ALW
 * @since   1.0.0
 */

.alw-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-block-end: 12px;
	padding: 4px 12px;
	border-radius: var(--alw-radius-pill);
	font-family: var(--alw-font-sans);
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
}

/* Gap lives on the badge — headings must not add extra top margin. */
.alw-badge + .alw-heading-2,
.alw-badge + .alw-split__heading,
.alw-badge + .alw-promo-card__heading,
.alw-badge + .alw-about-video-card__heading {
	margin-top: 0;
}

.alw-badge--gold {
	background-color: var(--alw-gold-20);
	color: var(--alw-gold);
}

.alw-badge--primary {
	background: linear-gradient(
		135deg,
		oklch(68% 0.11 190 / 0.28) 0%,
		oklch(78% 0.14 75 / 0.38) 100%
	);
	color: oklch(40% 0.11 195);
	border: 1px solid oklch(68% 0.11 190 / 0.55);
	box-shadow:
		inset 0 1px 0 oklch(100% 0 0 / 0.45),
		0 2px 16px oklch(55% 0.09 195 / 0.22);
}

.alw-badge--primary .alw-badge__icon {
	color: oklch(72% 0.16 58);
}

.alw-badge__icon svg {
	display: block;
	width: 12px;
	height: 12px;
}