/* =============================================================================
   cta block — per-block CSS (loaded by mod_ja_acm AFTER the template bundle, so
   equal-specificity rules here win on source order). Card colours/type/spacing
   still come from the Phase 6 template.css tokens; this file only carries the two
   fixes that must ship with the block:
     3. Pricing final-CTA dark radial glow (was flat in dark).
     4. Always-accent CTA buttons stack full-width on small screens.
   ========================================================================== */

/* ── Fix 3 — Pricing final CTA (.nxp-cta-card) dark radial ────────────────────
   In LIGHT the card base is #FFFFFF so the subtle radial reads; in DARK the base
   is #13142A (--nxp-card) and the .25-alpha #3B82F6 glow washed out flat. Boost
   the dark glow (accent #3B82F6 ~.28 → transparent bg-card) so the design's
   #3B82F640→transparent radial is visible in BOTH modes. Scoped with the
   .nxp-acm-cta wrapper (emitted by style-pricing-cta.php) so it outranks the
   base html[data-bs-theme="dark"] .nxp .nxp-cta-card::before rule regardless of
   stylesheet load order. */
.nxp.nxp-acm-cta .nxp-cta-card::before {
  /* light: subtle accent glow fading to the white card base */
  background: radial-gradient(120% 130% at 50% 0%, rgba(59,130,246,.25) 0%, rgba(255,255,255,0) 60%);
}
html[data-bs-theme="dark"] .nxp.nxp-acm-cta .nxp-cta-card::before {
  /* dark: stronger two-layer glow fading to the #13142A card base so it isn't flat */
  background:
    radial-gradient(120% 130% at 50% 0%, rgba(59,130,246,.30) 0%, rgba(19,20,42,0) 62%),
    radial-gradient(90% 120% at 50% 100%, rgba(99,102,241,.18) 0%, rgba(19,20,42,0) 70%);
}

/* ── Fix 4 — always-accent CTA buttons stack full-width < 600px ───────────────
   On the always-accent gradient card (Team / Integrations / Features / About,
   .acm-cta.sec-cta-card > .cta-card) the two buttons sat side-by-side at 390.
   Stack them full-width below 600 so they never crowd. Per-page 767px rules
   (higher specificity) already handle Home/Features/About/Team; this catches
   Integrations and any page without an explicit stack rule. */
@media (max-width: 599.98px) {
  .acm-cta .cta-card-actions,
  .sec-cta-card .cta-card-actions {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    width: 100%;
    gap: 12px;
  }
  .acm-cta .cta-card-actions .btn,
  .sec-cta-card .cta-card-actions .btn {
    width: 100%;
    justify-content: center;
    text-align: center;
  }
}