/**
 * Normalizes the markup the Apex service injects into licensingTextByStateParagraph.
 *
 * Each state arrives wrapped as:
 *   <section class="lo-licensing-state" data-state="XX"><h3>XX</h3>License text</section>
 *
 * The <section> and <h3> are generated by Salesforce, not by editable content, so they cannot
 * be removed at the source. Left alone the <h3> inherits the theme's heading styles and breaks
 * the footer layout. These rules flatten the blocks into running text, matching the static
 * disclosure paragraph that already sits above it in the footer.
 *
 * !important is deliberate on the <h3>: Astra and the Elementor kit both set global heading
 * typography at the same specificity as `.lo-licensing-state h3`, and a plugin stylesheet is
 * printed before both, so it loses the tie. This is the narrowest override that wins against
 * either source without depending on enqueue order.
 */
.lo-licensing-state {
	display: inline;
}

.lo-licensing-state h3 {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	font: inherit !important;
	color: inherit !important;
}

.lo-licensing-state h3::after {
	content: " ";
}

.lo-licensing-state::after {
	content: "; ";
}

.lo-licensing-state:last-child::after {
	content: ".";
}