/**
 * zz-support-card-cta-states.css — GENERAL fix for the PREISE / support-card CTAs
 *
 * Consolidates a defect that had been patched per-page in at least six files
 * (jp-550 ERP, jp-551 POS, jp-557 Retouren, jp-498 OSS, jp-436 Wawi-Download,
 * qa33 Gutschein/Voucher). Rather than add a 7th page-scoped patch for every
 * new page, this single rule fixes the whole class of pages — and protects
 * pages nobody has audited yet — using the structural condition that actually
 * defines the bug, not a page-id list.
 *
 * ── The two-CTA secondary ("two orange pills" / invisible white pill) ───────
 * In the support card (`.product-support-section .basic-card-widget`) the
 * secondary CTA is the `.is-inverted` button. Page-scoped overrides
 * (cascade-preise-module-chrome.css, qa33, jp-marktplatz-kosten-chrome.css)
 * repaint it ORANGE on the SINGLE-CTA pages — correct there, because it is the
 * only button and acts as the primary. But on TWO-CTA cards the card ALSO has
 * the orange `.has-wawi-gradient` primary, so the orange secondary becomes a
 * second identical orange pill (and where it is left at the plugin default it
 * is a near-invisible white pill on the light-sand bg). The verified scheme
 * (JP-550/551/557) is a Dark-Blue (#0b1b45) OUTLINE secondary.
 *
 * Condition = "the button group also contains the primary":
 *   .product-buttons-group:has(… .has-wawi-gradient) .is-inverted
 * So SINGLE-CTA cards (group has no primary, e.g. /de/marktplatzanbindung/
 * page-id-8688) are NOT matched and keep their intended orange. Verified on
 * the live DOM both ways (gutschein → navy; marktplatz → orange untouched).
 *
 * ── The primary hover ───────────────────────────────────────────────────────
 * The plugin's generic `:hover` repaints EVERY
 * `.product-button-group__button--with-icon` navy (#0b1b45 + white). The hero
 * primary overrides that to keep orange + brightness(0.95)
 * (custom-clone.css:4259-4267); support-card primaries had no such override, so
 * "JETZT STARTEN" / "START NOW" flipped to navy on hover (and matched the
 * now-navy secondary hover). Keep the support-card primary orange, darken only.
 *
 * Specificity: the paired-secondary selector is
 *   html body .product-support-section .basic-card-widget
 *   .product-buttons-group:has(.product-button-group__button--with-icon.has-wawi-gradient)
 *   .product-button-group__button--with-icon.is-inverted
 * = (0,7,2), above the page-scoped orange repaints' (0,6,2); `zz-` loads last so
 * it also wins any equal-specificity tie. `:has()` is baseline in all current
 * browsers (2023+). Supersedes the per-page secondary blocks (they remain as
 * harmless no-ops; safe to remove in a later cleanup).
 */

/* ── A. Paired secondary → Dark-Blue outline (default) ────────────────────── */
html body .product-support-section .basic-card-widget
    .product-buttons-group:has(.product-button-group__button--with-icon.has-wawi-gradient)
    .product-button-group__button--with-icon.is-inverted {
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 2px #0b1b45 !important;
    border: 0 !important;
    transition: background-color 0.2s ease, color 0.2s ease !important;
}
html body .product-support-section .basic-card-widget
    .product-buttons-group:has(.product-button-group__button--with-icon.has-wawi-gradient)
    .product-button-group__button--with-icon.is-inverted,
html body .product-support-section .basic-card-widget
    .product-buttons-group:has(.product-button-group__button--with-icon.has-wawi-gradient)
    .product-button-group__button--with-icon.is-inverted span,
html body .product-support-section .basic-card-widget
    .product-buttons-group:has(.product-button-group__button--with-icon.has-wawi-gradient)
    .product-button-group__button--with-icon.is-inverted strong,
html body .product-support-section .basic-card-widget
    .product-buttons-group:has(.product-button-group__button--with-icon.has-wawi-gradient)
    .product-button-group__button--with-icon.is-inverted
    .product-button-group__button--with-icon__text {
    color: #0b1b45 !important;
    -webkit-text-fill-color: #0b1b45 !important;
}

/* ── A (hover). Paired secondary → filled navy + white label ───────────────── */
html body .product-support-section .basic-card-widget
    .product-buttons-group:has(.product-button-group__button--with-icon.has-wawi-gradient)
    .product-button-group__button--with-icon.is-inverted:hover,
html body .product-support-section .basic-card-widget
    .product-buttons-group:has(.product-button-group__button--with-icon.has-wawi-gradient)
    .product-button-group__button--with-icon.is-inverted:focus-visible {
    background-color: #0b1b45 !important;
    box-shadow: inset 0 0 0 2px #0b1b45 !important;
    filter: none !important;
}
html body .product-support-section .basic-card-widget
    .product-buttons-group:has(.product-button-group__button--with-icon.has-wawi-gradient)
    .product-button-group__button--with-icon.is-inverted:hover,
html body .product-support-section .basic-card-widget
    .product-buttons-group:has(.product-button-group__button--with-icon.has-wawi-gradient)
    .product-button-group__button--with-icon.is-inverted:hover span,
html body .product-support-section .basic-card-widget
    .product-buttons-group:has(.product-button-group__button--with-icon.has-wawi-gradient)
    .product-button-group__button--with-icon.is-inverted:hover strong,
html body .product-support-section .basic-card-widget
    .product-buttons-group:has(.product-button-group__button--with-icon.has-wawi-gradient)
    .product-button-group__button--with-icon.is-inverted:hover
    .product-button-group__button--with-icon__text {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* ── B. Support-card primary hover → keep orange, darken only ──────────────── */
html body .product-support-section .basic-card-widget
    .product-button-group__button--with-icon.has-wawi-gradient:hover,
html body .product-support-section .basic-card-widget
    .product-button-group__button--with-icon.has-wawi-gradient:focus-visible {
    background-color: #fb581f !important;
    background-image: none !important;
    color: #0b1b45 !important;
    box-shadow: none !important;
    filter: brightness(0.95);
}
html body .product-support-section .basic-card-widget
    .product-button-group__button--with-icon.has-wawi-gradient:hover span,
html body .product-support-section .basic-card-widget
    .product-button-group__button--with-icon.has-wawi-gradient:hover strong,
html body .product-support-section .basic-card-widget
    .product-button-group__button--with-icon.has-wawi-gradient:hover
    .product-button-group__button--with-icon__text {
    color: #0b1b45 !important;
    -webkit-text-fill-color: #0b1b45 !important;
}