/*
 * WooCommerce Blocks — overrides for markup the theme's own rules cannot reach.
 *
 * The Cart and Checkout blocks render client-side from React, so their markup exists in no
 * template and the UI team's stylesheets were never written against it. Its own file because
 * assets/css/ is add-only: woo-custom.css is the UI team's, and this is the theme-owned place for
 * block-level corrections. Loaded by the 'funnel' bucket in includes/assets.php.
 */

/* ==========================================================================
   Checkout — order summary heading
   ==========================================================================
   Every heading on this site is Title Case by CSS rather than by its text:
   `[class*="heading-"], h1, h2, h3, h4, h5, h6 { text-transform: capitalize }`
   in assets/css/style.css. The checkout's own step headings — "Contact
   information", "Billing address", "Payment options" — are real <h2>s and are
   caught by it, which is why they read as Title Case on screen while their DOM
   text is sentence case.

   WooCommerce renders the order summary heading as `<p role="heading"
   aria-level="2">` instead of an <h2>, so it falls outside that selector and is
   the one heading on the screen still reading "Order summary". This puts it back
   in line.

   Done with text-transform rather than by overriding the translated string, so
   it matches how its neighbours get their capitals — the underlying text stays
   "Order summary" for a screen reader exactly as "Contact information" does.
   Fixing it in style.css's own selector list would be tidier still, but that
   file belongs to the UI team. */
.wc-block-components-checkout-order-summary__title-text {
    text-transform: capitalize;
}