/**
 * qa-impressum-kontakt-card.css
 * Page: /de/impressum/ (page-id 3252)
 *
 * The "Fragen zum Produkt?" contact card is the shared product-support card
 * (`.card.bg-tertiary.text-tertiary.card-has-link`). On product pages it lives
 * inside a styled `section.product-support-section` (dark Kontakt-Box). On the
 * Impressum it is placed bare, so `bg-tertiary` falls back to white and the copy
 * reads muted. This gives it the redesign's dark-blue Kontakt-Box treatment:
 * navy #0b1b45 card, white copy, light-blue link — the phone badge (blue fill +
 * orange glyph) is already branded and left untouched.
 *
 * Scoped to body.page-id-3252 so the shared card is not restyled elsewhere.
 */

body.page-id-3252 .card.bg-tertiary.text-tertiary.card-has-link {
    background-color: #0b1b45 !important; /* Dark Blue */
}

/* Copy → white (override the navy the bare card falls back to, incl. any
   -webkit-text-fill gradient on headings). */
body.page-id-3252 .card.bg-tertiary.text-tertiary.card-has-link .card-body,
body.page-id-3252 .card.bg-tertiary.text-tertiary.card-has-link .card-body .h4,
body.page-id-3252 .card.bg-tertiary.text-tertiary.card-has-link .card-body h4,
body.page-id-3252 .card.bg-tertiary.text-tertiary.card-has-link .card-body span,
body.page-id-3252 .card.bg-tertiary.text-tertiary.card-has-link .card-body p,
body.page-id-3252 .card.bg-tertiary.text-tertiary.card-has-link .card-body strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
}

/* Link → light blue so it reads on the navy card. */
body.page-id-3252 .card.bg-tertiary.text-tertiary.card-has-link .card-body a,
body.page-id-3252 .card.bg-tertiary.text-tertiary.card-has-link .headline-link {
    color: #89d2ff !important;
    -webkit-text-fill-color: #89d2ff !important;
}