/* components/relo-cta.css — scoped hook for .rp-relo-cta (Relocation cta, Figma 16781:39663).
   Loaded via inc/kadence-relo-cta.php (presence-gated, EN + AR). Cowork owns styling
   (mirrors lp-cta — Figma 16781:41998: solid blue band, white pin, white button). */

/* ── #4 Surgical pass 2026-06-30 (Immigration QA): the canonical CTA is the icon-bar blue card
   (white RP pin LEFT, heading+body, white "Book A Demo" button RIGHT) — the same .rp-ent-cta pattern
   used on the By-Department pages, NOT the photo card the stopgap shipped. These rules (copied from
   enterprise.css's .rp-ent-cta) render the swapped CTA markup in wp_block 7465/7473 on /relocation/. */
.rp-ent-cta { padding: 48px 24px; }
.rp-ent-cta .rp-cm-cta__card { max-width: 1200px; margin: 0 auto; background: #114EF7; border-radius: 24px; display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 40px 56px; flex-wrap: wrap; }
.rp-ent-cta__lead { display: flex; align-items: center; gap: 28px; flex: 1 1 480px; min-width: 260px; }
.rp-ent-cta__icon { width: 64px; height: 64px; flex: none; filter: brightness(0) invert(1); }
.rp-ent-cta .rp-cm-cta__title { font-family: Mulish, -apple-system, sans-serif; font-weight: 700; font-size: 32px; line-height: 1.2; color: #fff; margin: 0 0 12px; }
.rp-ent-cta .rp-cm-cta__sub { font-family: Mulish, -apple-system, sans-serif; font-size: 16px; line-height: 1.5; color: rgba(255,255,255,.85); margin: 0; max-width: 540px; }
.rp-ent-cta .rp-cm-cta__btn { flex: none; background: #fff; color: #021143; font-family: Mulish, -apple-system, sans-serif; font-weight: 700; font-size: 15px; padding: 18px 32px; border-radius: 8px; text-decoration: none; white-space: nowrap; }
.rp-ent-cta .rp-cm-cta__btn:hover { background: #F0F4FE; }
@media (max-width: 991px) {
  .rp-ent-cta .rp-cm-cta__card { flex-direction: column; align-items: stretch; text-align: center; gap: 24px; padding: 28px 24px; }
  .rp-ent-cta__lead { flex-direction: column; text-align: center; gap: 16px; flex: none; }
  .rp-ent-cta .rp-cm-cta__sub { max-width: none; }
  .rp-ent-cta .rp-cm-cta__btn { width: 100%; text-align: center; }
}
[dir="rtl"] .rp-ent-cta__lead { text-align: right; }

.rp-relo-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;
}

.rp-relo-cta .lp-cta-mark {
  content: url("../../images/logo_icon.svg");
  width: 72px;
  height: 72px;
  flex: 0 0 auto;
  filter: brightness(0) invert(1);
}

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

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

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

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

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

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