/* ============================================================================
 * JP-708 — one-jtl "TALK TO SALES" CTA blends into the dark #produkte section.
 * ----------------------------------------------------------------------------
 * The CTA at the bottom of the dark navy ecosystem-cards section is the
 * shortcode button
 *   [product_button_with_icon ... title:TALK TO SALES class="jp644-icongrid-cta"]
 * It rides the default design-system button, which renders as a dark-outline
 * pill (dark-blue ring + dark-blue text). On the navy section background that is
 * nearly invisible.
 *
 * The intended orange-pill treatment for this exact button already exists in
 * theme/jtl/overrides/jp-644-one-jtl.css — BUT that file gates every rule on the
 * DEV-clone page-ids (.page-id-325408 / .page-id-325712). On staging and prod
 * the One-JTL page was migrated to DIFFERENT ids (326092 DE / 326283 EN), so
 * none of those rules match there and the button falls back to the dark default.
 * jp-644-one-jtl.css is explicitly excluded from the theme->prod sync for exactly
 * this hardcoded-id reason, so we do NOT edit it.
 *
 * Fix env-agnostically: scope only to the per-instance hook class
 * `.jp644-icongrid-cta` (and its sibling `.jp644-cta`), which is carried in the
 * One-JTL page content itself and therefore identical on every environment. No
 * page-id gate is needed; the jp644- prefixed classes exist only on the One-JTL
 * page, so the rule cannot leak elsewhere. This file is safe to sync to prod.
 *
 * Token source = the same approved Figma 1184:12253 primary CTA used by
 * jp-644-one-jtl.css: solid orange #fb581f fill, dark-blue #0b1b45 text, pill,
 * no design-system inset ring, uppercase. (#content ancestor + doubled class to
 * outrank the design-system button rules.)
 * ============================================================================ */
#content a.jp644-icongrid-cta.jp644-icongrid-cta,
#content a.jp644-cta.jp644-cta,
#content a.jp644-icongrid-cta.jp644-icongrid-cta *,
#content a.jp644-cta.jp644-cta * {
    background: #fb581f !important;
    background-image: none !important;
    color: #0b1b45 !important;
    -webkit-text-fill-color: #0b1b45 !important;
    border-radius: 100px !important;
    border: 0 !important;
    box-shadow: none !important; /* kill the design-system 2px inset dark-blue ring */
    text-transform: uppercase !important;
}
#content a.jp644-icongrid-cta.jp644-icongrid-cta,
#content a.jp644-cta.jp644-cta {
    padding: 12px 24px !important;
}
#content a.jp644-icongrid-cta.jp644-icongrid-cta:hover,
#content a.jp644-cta.jp644-cta:hover {
    filter: brightness(.95);
}