/**
 * Paripoorn Section Heading widget.
 * Uses theme design tokens (--pp-*) where possible so it inherits the
 * active Paripoorn Settings brand colors/fonts automatically; explicit
 * Elementor style controls (see SectionHeading.php) override these
 * per-instance via inline selectors injected by Elementor itself.
 */

.pp-sh {
	max-width: 640px;
}

.pp-sh__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(252, 1, 10, 0.1);
	color: #FC010A;
	padding: 6px 18px;
	border-radius: 999px;
	margin-bottom: 20px;
}

.pp-sh__eyebrow-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #FC010A;
	flex-shrink: 0;
}

.pp-sh__eyebrow-text {
	font-family: var(--pp-font-body, "Manrope", sans-serif);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.01em;
	color: #FC010A;
}

.pp-sh__heading {
	font-family: var(--pp-font-heading, "Libre Caslon Text", serif);
	font-weight: 400;
	font-size: clamp(2.5rem, 1.6rem + 3.4vw, 4.25rem);
	line-height: 1.12;
	color: var(--pp-heading, #222222);
	margin: 0 0 20px;
}

.pp-sh__line {
	display: inline;
}

.pp-sh__accent {
	font-family: inherit;
	font-style: italic;
	font-weight: 400;
	color: var(--pp-primary, #F20D16);
}

.pp-sh__description {
	font-family: var(--pp-font-body, "Manrope", sans-serif);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.6;
	color: #212121;
	margin: 0;
}