/* Step 7E.7 — Article wrapper normalization. */
body .elementor-widget-nola-about-banner > .elementor-widget-container,
body .elementor-widget-nola-article-premium > .elementor-widget-container,
body .elementor-widget-nola-article-related > .elementor-widget-container,
body .elementor-widget-nola-internal-cta > .elementor-widget-container {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body .elementor-widget-nola-about-banner,
body .elementor-widget-nola-article-premium,
body .elementor-widget-nola-article-related,
body .elementor-widget-nola-internal-cta {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

body .elementor-widget-nola-article-premium .ja.ja-fragment,
body .elementor-widget-nola-article-related .ja.ja-fragment {
	padding-block: 0;
	background: var(--nola-ja-bg, var(--surface-white, #ffffff));
}

body .elementor-widget-nola-article-premium .ja.ja-fragment--top {
	padding-top: clamp(1.6rem, 2.4vw, 2.2rem);
	padding-top: var(--nola-ja-top-padding, clamp(1.6rem, 2.4vw, 2.2rem));
}

body .elementor-widget-nola-article-related .ja.ja-fragment--bottom {
	padding-bottom: clamp(4rem, 6vw, 5rem);
	padding-bottom: var(--nola-ja-bottom-padding, clamp(4rem, 6vw, 5rem));
}

@media (max-width: 700px) {
	body .elementor-widget-nola-article-premium .ja.ja-fragment--top {
		padding-top: 1.5rem;
		padding-top: var(--nola-ja-top-padding, 1.5rem);
	}

	body .elementor-widget-nola-article-related .ja.ja-fragment--bottom {
		padding-bottom: 3.5rem;
		padding-bottom: var(--nola-ja-bottom-padding, 3.5rem);
	}
}

/* Approved Source Sans 3 face used by the Next.js article body rhythm.
   A private family keeps other completed pages on their existing fallback. */
@font-face {
	font-family: "Nola Article Sans";
	src: url("../fonts/source-sans-3-latin.woff2") format("woff2");
	font-style: normal;
	font-weight: 200 900;
	font-display: swap;
}

/* The source article inherits the 17px / 1.65 editorial rhythm. WordPress
   global body typography is smaller, which changes inline-flex line boxes.
   Restore the inherited rhythm only inside the article roots. */
body .elementor-widget-nola-article-premium .ja,
body .elementor-widget-nola-article-related .ja {
	font-family: "Nola Article Sans", "Source Sans 3", "Segoe UI", Arial, sans-serif;
	font-size: 17px;
	line-height: 1.65;
}

/* Theme button rules override the source share control. Restore source styling. */
body .elementor-widget-nola-article-premium .ja .ja-share {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-height: 42px !important;
	padding: 0 16px !important;
	border: 1px solid var(--ja-line) !important;
	border-radius: var(--radius, 4px) !important;
	background: transparent;
	color: var(--ja-ink);
	font-family: var(--font-home-display), "Switzer", "Segoe UI", sans-serif !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	width: auto !important;
}

body .elementor-widget-nola-article-premium .ja-intro-actions .ja-share-wrap {
	width: auto !important;
}

@media (max-width: 700px) {
	body .elementor-widget-nola-article-premium .ja .ja-share {
		min-height: 46px !important;
		padding-inline: 16px !important;
	}
}
