/* Heading underline: add the class "heading-underline" to a heading block
   (Advanced → Additional CSS class). Draws a short accent bar under the text that follows
   the heading's alignment. Loaded on the front end and in the block editor.
   Product titles use the same underline. */

body :is(h1, h2, h3, h4, h5, h6).heading-underline,
.woocommerce-js.single-product div.product .summary .product_title {
	margin-bottom: 1.5rem;
}

.heading-underline::after,
.woocommerce-js.single-product div.product .summary .product_title::after {
	content: "";
	display: block;
	width: 100px;
	height: 4px;
	margin-top: .75rem;
	background: var(--ast-global-color-0);
}

.heading-underline.has-text-align-center::after {
	margin-right: auto;
	margin-left: auto;
}

.heading-underline.has-text-align-right::after {
	margin-left: auto;
}