/* ─────────────────────────────────────────────────────────────────────────
 * jp-marktplatz-kosten-chrome.css — Marktplatzanbindung page
 * URL: /de/marktplatzanbindung/   body.page-id-8688
 *
 * Restyle the "KOSTEN & VERFÜGBARKEIT" PREISE-module to match Figma 1970:11984
 * (Retourenmanagement "All-in-One-Retourenmanagement" — same Figma node the
 * JP-442 sweep targets, just on a different page).
 *
 *   Outer band (section.product-support-section.purple)
 *     Already Light Sand #eeeee7 — no change needed.
 *
 *   Inner card (.basic-card-widget)
 *     before: dark teal #142830 card, 20px radius, 32px padding, white text
 *     after : TRANSPARENT (let the Light Sand band bleed through), no border,
 *             no box-shadow — text recoloured to dark blue per Figma.
 *
 *   Heading
 *     eyebrow h2.product-support-section__subtitle "KOSTEN & VERFÜGBARKEIT"
 *                                            → JTL Tech Blue #2722f8  (kills the
 *                                              theme's cyan→mint text-gradient
 *                                              fill defensively, same as JP-442)
 *     title   .product-support-section__title  "Preise für die …"
 *                                            → JTL Dark Blue  #0b1b45
 *
 *   Body text + strong              → JTL Dark Blue #0b1b45
 *
 *   CTA "EDITION & AUFTRAGSPAKET WÄHLEN"
 *     before: white inverted ghost pill (.is-inverted variant)
 *     after : JTL Orange #fb581f filled pill, white uppercase text
 *             (matches Figma's BERATUNG VEREINBAREN button)
 *
 * UNLIKE JP-442 this page only has the LEFT column — no .product-subcard-widget
 * (no right-side dark-blue info card). So we restyle the LEFT card and the CTA
 * only.
 *
 * SCOPE: page-id-8688 + .basic-card-widget. There is only ONE .basic-card-widget
 * on the entire page (verified), so the page-id scope is uniquely targeted.
 * WPBakery generates .utils-<hash> per-instance classes that are REGENERATED
 * on every render (see JP-442 doc) — DO NOT target by hash.
 *
 * !important is required because the WPBakery plugin's per-instance inline
 * <style> block uses !important to paint the dark-teal background.
 * ───────────────────────────────────────────────────────────────────────── */

/* ── Card chrome: kill dark fill, let Light Sand band bleed through ─────── */
body.page-id-8688 .basic-card-widget {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* ── Eyebrow: Tech Blue, defensively clear any gradient text-fill ──────── */
body.page-id-8688 .basic-card-widget .product-support-section__subtitle {
    color: #2722f8 !important;
    background: none !important;
    -webkit-background-clip: initial !important;
            background-clip: initial !important;
    -webkit-text-fill-color: #2722f8 !important;
}

/* ── Title + body copy + bold strong → Dark Blue ───────────────────────── */
/* NOTE: custom-clone.css has a rule at specificity (0,4,1):
 *   body.page-id-8688 .product-support-section .basic-card-widget
 *     .product-support-section__title { color: #eeeee7 !important; }
 * That was added by an earlier sweep so the title stayed readable on the
 * dark teal card. Now that we're flipping the card to TRANSPARENT, that
 * Light-Sand title would disappear into the band. We mirror the same chain
 * (+ .product-support-section) to match specificity (0,4,1), and since this
 * sheet loads AFTER custom-clone.css the cascade order tie-breaks for us. */
body.page-id-8688 .product-support-section .basic-card-widget .product-support-section__title,
body.page-id-8688 .product-support-section .basic-card-widget .product-support-section__title span,
body.page-id-8688 .product-support-section .basic-card-widget .product-support-section__title .font-weight-bold,
body.page-id-8688 .product-support-section .basic-card-widget p,
body.page-id-8688 .product-support-section .basic-card-widget li,
body.page-id-8688 .product-support-section .basic-card-widget strong {
    color: #0b1b45 !important;
}

/* ── CTA: orange filled pill (matches Figma BERATUNG VEREINBAREN) ──────── */
body.page-id-8688 .basic-card-widget .product-button-group__button--with-icon {
    background-color: #fb581f !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
}
body.page-id-8688 .basic-card-widget .product-button-group__button--with-icon .product-button-group__button--with-icon__text,
body.page-id-8688 .basic-card-widget .product-button-group__button--with-icon span,
body.page-id-8688 .basic-card-widget .product-button-group__button--with-icon strong {
    color: #ffffff !important;
    text-transform: uppercase !important;
}