/* ============================================================================
   JP-848 — "WMS Showrooms" heading renders the wrong colour (black/gray).
   Pages: /de/lagerverwaltung-software/ (93818) + /en/warehouse-management-software/
          (262922) — the green CTA section's sub-card heading.
   ============================================================================

   THE BUG
   -------
   The heading `<h4 class="product-subcard-widget__title">WMS showrooms</h4>`
   inside `section.product-cta-section.green` renders gray #333 — the design
   (Figma) wants JTL navy #0b1b45.

   ROOT CAUSE
   ----------
   The WIDGET'S OWN stylesheet sets it. See
   `dump-clone/overlay/plugins/wpb-oop-widget-with-global/widgets/ProductSubCard/style.css:13`:

       .product-subcard-widget .product-subcard-widget__title { color: #333; ... }

   So the colour is a widget default, not a missing rule and not a per-page
   editor mistake: EVERY ProductSubCard title site-wide is #333. The green-CTA
   cascade in custom-clone.css colours `p` and `p strong` navy but never the
   sub-card `__title`, so the h4 keeps the widget's #333. Measured `rgb(51,51,51)`,
   which is #333 — a browser default would have measured `rgb(0,0,0)`.

   SCOPE — and why this is a page-scoped patch of a site-wide cause
   ---------------------------------------------------------------
   Because the cause is the widget default, this sheet is the FIFTH page-scoped
   copy of the same fix (jp-501, jp-606, jp-716, zzz-jp-704 all pin this class
   too). The correct long-term fix is Layer A — change the widget's own style.css
   — which is NOT what CLAUDE.md rule 4c forbids: 4c bans blanket-recolouring
   every #333 site-wide, not pinning one widget class at its source. Follow-up
   ticket filed; this sheet stays page-scoped until that lands, to keep the
   blast radius of THIS ticket to the two pages QA is testing.

   Page-scoped to the two warehouse pages named in the ticket (same page-id pair
   already grouped in zz-z-orange-cta-no-border.css). Note the WPML twin trap
   (.claude/rules/css-override.md §3): the EN page carries BOTH 262922 and the
   bridged 93818 (scripts/prod/20-en-pageid-bridge.php), so `body.page-id-93818`
   already matches EN. Listing both ids is redundant, not load-bearing — the
   real guard is `section.product-cta-section.green`, which exists on both
   twins and nowhere else on these pages.

   The sub-card sits on a white card, so navy is the correct, readable colour
   here. `-webkit-text-fill-color` is pinned alongside `color` because the theme
   paints glyphs with it.
   ============================================================================ */

body.page-id-93818 section.product-cta-section.green .product-subcard-widget__title,
body.page-id-262922 section.product-cta-section.green .product-subcard-widget__title {
    color: #0b1b45 !important;
    -webkit-text-fill-color: #0b1b45 !important;
}