/*
 * Product summary block (right column on single product pages).
 * Every product has its own DB template with hand-set inline styles, so the
 * shared elements drifted apart. These rules pin them to the Inositol look.
 * Only styles, no markup: remove the enqueue in functions.php to roll back.
 */

/* Title: most templates wrap it in <strong> (renders 700); bold the ones that don't */
body.single-product .product-detail-col h1.wp-block-heading:not(:has(strong)) {
	font-weight: 700 !important;
}

/* Small line under the title, e.g. "(30-day supply)" or bundle contents */
body.single-product .product-detail-col .product-info-header h1 + p {
	font-family: var(--font-soleil);
	font-size: 16px !important;
	font-weight: 300 !important;
	text-transform: uppercase !important;
	margin-top: 0 !important;
}

/* Subtitle / short description */
body.single-product .product-detail-col .product-info-header > p,
body.single-product .product-detail-col > .wp-block-group:first-child > h1 + p {
	font-family: var(--font-soleil);
	font-size: 18px !important;
	font-weight: 350 !important;
	line-height: 1.5 !important;
	text-transform: none !important;
	margin-top: 0 !important;
}

body.single-product .product-detail-col .product-info-header > .wp-block-group:has(> h1 + p) + p {
	margin-top: 8px !important;
}

/* Divider under the header */
body.single-product .product-detail-col .product-info-header > hr.wp-block-separator,
body.single-product .product-detail-col > .wp-block-group:first-child + hr.wp-block-separator {
	margin-top: 14px !important;
	margin-bottom: 14px !important;
}

/* Benefit bullets. word-break: break-word split words mid-way ("vanill a");
   it was only needed for &nbsp;-glued text, which inc/product-summary.php
   now turns back into normal spaces. */
body.single-product .product-detail-col ul.product-info-list > li {
	font-weight: 500 !important;
	word-break: normal;
	overflow-wrap: break-word;
}

/* Section labels: "Benefits:", "What's included:", "Get started today:" */
body.single-product .product-detail-col .wp-block-group:has(> ul.product-info-list) > h2,
body.single-product .product-detail-col > p:has(+ .wp-block-group > ul.product-info-list),
body.single-product .product-detail-col > p:has(+ .order-now-section) {
	font-family: var(--font-soleil) !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
	text-transform: uppercase !important;
	margin-bottom: 16px !important;
}

body.single-product .product-detail-col .wp-block-group:has(> ul.product-info-list) > h2:not(:has(strong)),
body.single-product .product-detail-col > p:has(+ .wp-block-group > ul.product-info-list):not(:has(strong)),
body.single-product .product-detail-col > p:has(+ .order-now-section):not(:has(strong)) {
	font-weight: 700 !important;
}

/* Intro line above the label, e.g. "It takes 3 months to change…" */
body.single-product .product-detail-col > p:has(+ p + .order-now-section) {
	font-family: var(--font-soleil) !important;
	font-size: 16px !important;
	font-weight: 350 !important;
	line-height: 1.5 !important;
	text-transform: none !important;
	margin-bottom: 8px !important;
}

/* "Research shows…" banner on the purchase options */
body.single-product .product-detail-col .order-now-section p.has-custom-hawaiian-guava-background-color {
	font-size: 18px !important;
}
