/**
 * Phase 24.30 — Global title & heading typography normalization (frontend).
 *
 * Semantic H1/H2 inherit site/Oxygen/Atomic size & weight.
 * WRE only owns: margin-bottom 12px + existing colors.
 * Card titles (__title) stay denser; not promoted to section H2.
 *
 * Scoped to WRE wrappers. Do not style bare h1/h2 sitewide.
 */

/* -------------------------------------------------------------------------- */
/* Shared section / title heading spacing                                     */
/* -------------------------------------------------------------------------- */

.wre-current-product h1.product_title,
.wre-current-product .product_title,
.wre-current-product .related.products > h2,
.wre-current-product .upsells.products > h2,
.wre-product-booking__heading,
.wre-rental-period__heading,
.wre-rental-summary__heading,
.wre-cart-order-area__heading,
.wre-cart-shell .cart_totals > h2,
.wre-cart-shell .cart_totals .wre-cart-totals__heading,
.wre-recommendations__heading,
.wre-catalog__heading,
.wre-product-availability__heading,
.wre-availability-page__heading,
.wre-account-login-intro__heading,
.wre-account-dashboard__heading,
.wre-account-section__heading,
.wre-account-order-detail__heading,
.wre-account-empty__heading {
	margin-top: 0;
	margin-bottom: 12px;
	/* font-size / font-weight: inherit from h1/h2 + Atomic/site globals */
}

/* Nested labels under a major section — keep as labels, not giant H2 */
.wre-rental-availability__heading,
.wre-availability-page__results-heading,
.wre-account-instructions h3,
.wre-account-order-detail h3 {
	margin-top: 0;
	margin-bottom: 12px;
}

/* -------------------------------------------------------------------------- */
/* Product booking section heading                                            */
/* -------------------------------------------------------------------------- */

.wre-product-booking__heading {
	color: var(--wre-color-primary, #c4a35a);
}

/* -------------------------------------------------------------------------- */
/* Mobile WRE section H2 typography (Phase 26.23.18.1)                        */
/* Normal section H2s: 30px / 500 @767px. Scoped to WRE-owned surfaces.     */
/* Recs: recommendations.css (24px !important). Charge-pay: excluded.         */
/* -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	/*
	 * Phase 26.23.18.2.2 — Oxygen/Woo product H1 lives outside .wre-current-product.
	 * Target single-product body context + the live Atomic class stack.
	 * !important: Oxygen Atomic mobile size (~42px) uses !important; without it
	 * beta.201–.202 rules never won in the cascade (same reason recommendations
	 * already uses !important for its intentional 24px mobile size).
	 */
	body.single-product h1.product_title.entry-title.atomic-secondary-heading {
		font-size: 30px !important;
	}

	.wre-ui h2.atomic-secondary-heading:not(.wre-charge-pay-summary__heading),
	.wre-ui h2.atomic-secondary-heading-on-black:not(.wre-charge-pay-summary__heading) {
		font-size: 30px;
		font-weight: 500;
	}

	/* Phase 24.69 — Cart major H2s (size retained; weight completed 26.23.18.1) */
	.wre-cart-shell .wre-rental-period__heading,
	.wre-cart-shell .wre-rental-summary__heading,
	.wre-cart-shell .wre-cart-order-area__heading,
	.wre-cart-shell .cart_totals > h2 {
		font-size: 30px;
		font-weight: 500;
		line-height: 1.2;
		overflow-wrap: anywhere;
	}

	/* BYO section H2 — completes byo-package.css mobile size rule */
	.wre-cart-shell .wre-byo__heading,
	.wre-current-product--byo_package .wre-byo__heading {
		font-weight: 500;
	}

	/* Thank You / View Order — override desktop clamp on mobile only */
	.wre-ui h2.wre-thankyou-hero__heading,
	.wre-ui h2.wre-thankyou-card__heading {
		font-size: 30px;
		font-weight: 500;
	}

	/* Legacy WRE rental block (no .wre-ui / Atomic classes) */
	.wre-order-rental h2 {
		font-size: 30px;
		font-weight: 500;
	}

	/*
	 * Product-card titles (not section H2s): keep denser than 30px section headings.
	 * Phase 26.23.18.4 — align with global 21px card-title size (was 1.05rem).
	 */
	.wre-current-product .related ul.products li.product h2,
	.wre-current-product .upsells ul.products li.product h2,
	.wre-current-product .related ul.products li.product .woocommerce-loop-product__title,
	.wre-current-product .upsells ul.products li.product .woocommerce-loop-product__title {
		font-size: 21px;
		font-weight: 600; /* Phase 26.33 — match product-card readability */
	}
}