/* components/lp-cta.css — scoped hook for .rp-lp-cta (Local Payroll cta).
   Loaded via inc/kadence-lp-cta.php (presence-loader gated, EN + AR).
   Figma 16779:23032 "Local Payroll (New)". BASELINE only — Cowork owns polish.
   RTL in lp-cta-rtl.css. */

/* Figma 16779:29427 — solid blue rounded band: white pin mark + copy on the left,
   white button (dark label) on the right. */
.rp-lp-cta .lp-cta-band {
  background: #114EF7;
  border-radius: 24px;
  padding: 44px 56px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 28px;
  position: relative;
  overflow: hidden;
}

/* CC's pattern points the mark at the broken `new-footer-money-card.svg` (0×0).
   Swap to the RP pin and force it white. (CC: set the correct asset in markup.) */
.rp-lp-cta .lp-cta-mark {
  content: url("../../images/logo_icon.svg");
  width: 72px;
  height: 72px;
  flex: 0 0 auto;
  filter: brightness(0) invert(1);
}

.rp-lp-cta .lp-cta-copy {
  flex: 0 1 auto;
  max-width: 480px;
}

.rp-lp-cta .lp-cta-copy .new-rp-cta-h2 {
  color: #FFFFFF;
  margin: 0 0 10px;
}

.rp-lp-cta .lp-cta-copy .new-rp-cta-p {
  color: rgba(255, 255, 255, .88);
  margin: 0;
}

.rp-lp-cta .new-rp-cta-btn-container {
  flex: 0 0 auto;
  margin-left: auto;
}

.rp-lp-cta .new-rp-cta-btn-container .btn-2 {
  background: #FFFFFF !important;
  color: #021143 !important;
  border: 1px solid #FFFFFF !important;
}

@media (max-width: 991px) {
  .rp-lp-cta .lp-cta-band {
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 24px;
    gap: 22px;
  }
  .rp-lp-cta .new-rp-cta-btn-container {
    margin-left: 0;
  }
}