/**
 * WooCommerce's own native templates (cart, checkout, order-received/
 * "thank you" page) aren't built with Elementor, so they never get the
 * per-widget text-color overrides every Elementor-built page on this site
 * relies on -- they just inherit the theme's raw global "Text" color from
 * the active Elementor kit, which is #B8B8C1 (a light grey chosen to work
 * as a subtle secondary tone alongside deliberately-darker per-element
 * overrides elsewhere, not as a page's only text color). Left unstyled,
 * that shows up as near-illegible order numbers, totals, payment method,
 * and table labels on exactly the pages that confirm someone's own
 * purchase -- the last thing to look broken.
 *
 * #5B6B82 matches the "muted but readable" secondary text color already
 * used throughout this site's own Elementor-built pages (e.g. card body
 * copy), rather than inventing a new one -- readable, still visually
 * secondary to headings/values that are meant to stand out more.
 */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-order-received {
	color: #5B6B82;
}

/**
 * Same root cause, different symptom: these native templates also have no
 * top spacing of their own, so the page content starts flush against the
 * header's bottom edge with zero breathing room (confirmed: content's own
 * top coordinate exactly matches the header's bottom coordinate). Every
 * Elementor-built page on this site gets this spacing for free from its
 * own first section's padding; these three don't, since nothing here is
 * built with Elementor.
 */
body.woocommerce-cart .site-main,
body.woocommerce-checkout .site-main,
body.woocommerce-order-received .site-main {
	padding-top: 48px;
}