/**
 * jp-817-voucher-contact-text-color.css — voucher/gutschein support-subcard link.
 *
 * Ticket: JP-817 — the "Please contact our sales team." / "Kontaktiere hierfür
 *         gerne unser Vertriebsteam" link in the support-section highlight card
 *         renders GRAY (#333) instead of dark blue (#0b1b45).
 * Pages:  https://b376u019-a.myrdbx.io/de/gutscheinsystem/ (page-id 125841)
 *         https://b376u019-a.myrdbx.io/en/voucher-system/  (page-id 294335)
 *
 * The card is the light/cream (#eeeee7) `.product-subcard-widget` in
 * `.product-support-section.purple`; its body copy is pinned dark #0b1b45, but the
 * inline <a> keeps the product-landing link colour `.page-template-product-landing
 * a { color:#333 }`. On main the text only looks dark because `-webkit-text-fill-
 * color:#0b1b45` is INHERITED onto the <a> from the parent <p>; the <a> is never
 * targeted explicitly, so on the stale staging/prod snapshot (which predates the
 * subcard-dark-text fix) the link falls back to its own #333 and reads gray.
 *
 * Fix: target the subcard <a> directly and pin colour + -webkit-text-fill-color
 * (the theme paints text via text-fill, so colour alone is not enough) + the
 * underline to #0b1b45. Page-scoped (rule 4b) so no other product page's links
 * change — the subcard is navy on some pages where the link must stay light.
 */
body:is(.page-id-125841, .page-id-294335)
    section.product-support-section .product-subcard-widget a,
body:is(.page-id-125841, .page-id-294335)
    section.product-support-section .product-subcard-widget a span {
    color: #0b1b45 !important;
    -webkit-text-fill-color: #0b1b45 !important;
    text-decoration-color: #0b1b45 !important;
}