/**
 * jp-719-ai-hero-headline-color.css — AI (KI) landing hero lead-text colour.
 *
 * Ticket: JP-719 — "Incorrect text color in AI headline".
 * Page:   https://b376u019-a.myrdbx.io/en/ai/  (EN, page-id 310462)
 *         https://b376u019-a.myrdbx.io/de/ki/   (DE twin, page-id 302458)
 * Figma:  hero lead-text token = JTL Dark Blue #0b1b45.
 *
 * Problem: the hero lead line ("Smart pricing, faster customer service – AI is
 * not a promise. AI is already built into JTL." / DE "Smarte Preise …") renders
 * light-grey on staging, weakening the visual hierarchy.
 *
 * The editor DID set the colour: the TextStandard block carries
 * `advanced_advanced_xs_color_custom = #0b1b45`, which the pagebuilder emits as
 * an inline `.utils-XXXX { color:#0b1b45 !important }` rule on the WRAPPING
 * `.hero-product-section__content--text` div. But the visible text is the child
 * `<p>`, and on staging it does not pick up that colour (the utils rule lands on
 * the div, not the p), so the paragraph stays the grey theme default.
 *
 * Fix: force both the wrapper AND the child `<p>` to Dark Blue #0b1b45, page-
 * scoped to the two AI/KI landing pages (rule 4b) so no other hero is touched.
 */
body.page-id-310462 .hero-product-section .hero-product-section__content--text,
body.page-id-310462 .hero-product-section .hero-product-section__content--text p,
body.page-id-302458 .hero-product-section .hero-product-section__content--text,
body.page-id-302458 .hero-product-section .hero-product-section__content--text p {
    color: #0b1b45 !important;
}