/*
 * bc_cta_banner.css — CTA Banner Background Enforcement (COW-immune)
 *
 * Forces the CTA banner on ALL pages (Capabilities + Services)
 * to use the same styling. Uses !important to survive COW.
 *
 * ONLY touches background/banner — no text, buttons, or font changes.
 */

/* ── Force consistent CTA on ALL pages ── */
.rdc-precut__cta,
.rdc-precut__cta-section {
    --cta-height: clamp(220px, 40vw, 320px) !important;
    --right-circle-size: clamp(320px, 38vw, 620px) !important;
    background: #006994 !important;
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    min-height: var(--cta-height) !important;
    max-height: 320px !important;
    padding: 70px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ── Decorative circles ── */
.rdc-precut__cta::before,
.rdc-precut__cta::after,
.rdc-precut__cta-section::before,
.rdc-precut__cta-section::after {
    content: "" !important;
    position: absolute !important;
    border-radius: 50% !important;
    background: #00aed1 !important;
    pointer-events: none !important;
    z-index: -1 !important;
    opacity: 1 !important;
}

/* Left circle — top-left, translate(-60%) */
.rdc-precut__cta::before,
.rdc-precut__cta-section::before {
    height: 100% !important;
    width: auto !important;
    aspect-ratio: 1 / 1 !important;
    top: 0 !important;
    left: 0 !important;
    bottom: auto !important;
    right: auto !important;
    transform: translate(-60%, 0) !important;
}

/* Right circle — bottom-right */
.rdc-precut__cta::after,
.rdc-precut__cta-section::after {
    width: var(--right-circle-size) !important;
    height: var(--right-circle-size) !important;
    right: calc(var(--right-circle-size) * -0.5) !important;
    bottom: calc(var(--right-circle-size) * -0.5) !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
}