/**
 * Soulful Healing Heading widget — base styles.
 * All Elementor style controls override these via inline selectors;
 * values here are the sensible defaults consuming theme CSS variables.
 */

.sh-heading {
	display: flex;
	flex-direction: column;
	text-align: left;
	align-items: flex-start;
	max-width: 100%;
}

.sh-heading__eyebrow {
	font-family: var(--sh-font-nav);
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--sh-accent);
	margin-bottom: var(--sh-space-4);
}

.sh-heading__title {
	font-family: var(--sh-font-heading);
	font-weight: 600;
	font-size: clamp(1.75rem, 1.4rem + 2vw, 3rem);
	line-height: 1.2;
	margin: 0;
}

.sh-heading__line {
	display: block;
	margin-bottom: 4px;
}

.sh-heading__line--primary {
	color: var(--sh-heading);
}

.sh-heading__line--accent {
	color: var(--sh-accent);
}