/**
 * TEAB Rubrik – fristående rubrikmodul.
 *
 * Eyebrow + rubrik (med *asterisk-ord* → grön accent) + valfri ingress. Följer
 * temat (ärver textfärg, grön accent). Scoped under .teab-heading. INGET
 * hårdkodat: färger/typsnitt läses från CSS-variabler → temat → brand-literal.
 *
 * @package Teab_Moduler
 */

.teab-heading {
	--_ink:    var(--teab-heading-ink, var(--teab-text, #14201A));
	--_muted:  var(--teab-heading-muted, var(--teab-muted, #5C6B61));
	--_accent: var(--teab-heading-accent, var(--teab-accent, #008A2B));

	/* Typsnitt: ärver temat (inherit). BB:s typsnittsväljare kan skriva över. */
	--_font-ui:      var(--teab-heading-font-ui, var(--font-ui, inherit));
	--_font-display: var(--teab-heading-font-display, var(--font-display, var(--_font-ui)));

	/* Rubrikstorlek – sätts av modulen, annars "standard". */
	--_size: var(--teab-heading-size, clamp(28px, 3.2vw, 46px));

	color: var(--_ink);
	font-family: var(--_font-ui);
}

.teab-heading--center { text-align: center; }
.teab-heading--center .teab-heading__lead { margin-left: auto; margin-right: auto; }

.teab-heading__eyebrow {
	font-family: var(--_font-ui);
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--_muted);
	display: inline-flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 22px;
}
.teab-heading__eyebrow::before {
	content: '';
	display: block;
	width: 40px;
	height: 1px;
	background: var(--_accent);
}

.teab-heading__title {
	margin: 0;
	font-family: var(--_font-display);
	font-weight: var(--teab-heading-title-weight, 700);
	font-size: var(--_size);
	line-height: 1.08;
	letter-spacing: -0.02em;
	color: inherit;
}
.teab-heading__accent { color: var(--_accent); }

.teab-heading__lead {
	margin-top: 24px;
	max-width: 60ch;
	font-size: 18px;
	line-height: 1.6;
	color: var(--_muted);
}

/* Diskret platshållare i editorn. */
.teab-heading--empty {
	padding: 24px;
	border: 1px dashed var(--teab-border, #E2EBE5);
	color: var(--_muted);
	font-family: var(--_font-ui);
}