/* ==========================================================================
   Partner with us (/partners) — Figma canon 617:41629. Page-scoped under
   .rp-partners. Reuses the By-department hero kit (.rp-ent-hero from
   enterprise-hero.css, enqueued together via inc/kadence-partner.php) and adds
   the partner-specific sections: why-cards, ecosystem (navy), form.
   2026-07-05. RTL twin: partner-rtl.css.
   ========================================================================== */

/* ---- shared tokens (local) ---- */
.rp-partners { --pblue:#114EF7; --pnavy:#021143; --pink:#08080D; --plav:#EAF0FE; --pgrey:#5A5A72; }

/* ===== 1. HERO — two-tone H1 (blue lead + navy) ===== */
.rp-partner-hero .rp-partner-hero__blue { color: var(--pblue); }
.rp-partner-hero .rp-ent-hero__h1 { color: var(--pnavy); }

/* ===== 2. WHY PARTNER (white) ===== */
.rp-partner-why { background:#fff; padding:96px 24px; }
.rp-partner-why__inner { max-width:1200px; margin:0 auto; }
.rp-partner-why__head { text-align:center; max-width:720px; margin:0 auto 56px; }
.rp-partner-why__eyebrow { color:var(--pblue); font-weight:700; font-size:16px; line-height:1; margin:0 0 12px; text-transform:none; }
.rp-partner-why__h { font-size:40px; line-height:48px; font-weight:700; color:var(--pnavy); margin:0 0 16px; }
.rp-partner-why__hl { color:var(--pblue); }
.rp-partner-why__sub { font-size:18px; line-height:28px; color:var(--pgrey); margin:0; }
.rp-partner-why__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.rp-partner-card { display:flex; flex-direction:column; background:#fff; border:1px solid #ECEFF3; border-radius:16px; overflow:hidden; }
.rp-partner-card__media { aspect-ratio:1/1; background:var(--plav); overflow:hidden; }
.rp-partner-card__media img { width:100%; height:100%; object-fit:cover; display:block; }
.rp-partner-card__h { font-size:22px; line-height:30px; font-weight:700; color:var(--pnavy); margin:24px 24px 12px; }
.rp-partner-card__body { font-size:16px; line-height:26px; color:var(--pgrey); margin:0 24px 28px; }
.rp-partner-why__cta { text-align:center; margin-top:56px; }

/* ===== 3. ECOSYSTEM (dark navy band) ===== */
.rp-partner-eco { background:var(--pnavy); padding:96px 24px; }
.rp-partner-eco__inner { max-width:1200px; margin:0 auto; }
.rp-partner-eco__h { color:#fff; font-size:40px; line-height:48px; font-weight:700; text-align:center; max-width:820px; margin:0 auto 56px; }
.rp-partner-eco__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.rp-partner-eco__card { display:flex; flex-direction:column; background:#0B1A54; border-radius:16px; overflow:hidden; }
/* EN baked eco cards: the full 779x1020 image IS the card (tag+title+body baked in). */
.rp-partner-eco__card--baked { background:transparent; border-radius:20px; overflow:hidden; }
.rp-partner-eco__card--baked img { width:100%; height:auto; display:block; border-radius:20px; }
/* AR text-only eco cards (no image — the EN baked images can't be reused on AR). */
.rp-partner-eco__card--text { padding:28px 24px; }
.rp-partner-eco__card--text .rp-partner-eco__tag { position:static; display:inline-block; margin-bottom:16px; backdrop-filter:none; }
.rp-partner-eco__card--text .rp-partner-eco__title { margin:0 0 12px; }
.rp-partner-eco__card--text .rp-partner-eco__body { margin:0; }
.rp-partner-eco__media { position:relative; aspect-ratio:4/3; overflow:hidden; }
.rp-partner-eco__media img { width:100%; height:100%; object-fit:cover; display:block; }
.rp-partner-eco__tag { position:absolute; left:16px; bottom:16px; background:rgba(2,17,67,.82); color:#fff; font-size:13px; line-height:1.3; font-weight:600; padding:8px 12px; border-radius:999px; backdrop-filter:blur(4px); }
.rp-partner-eco__title { color:#fff; font-size:22px; line-height:30px; font-weight:700; margin:24px 24px 12px; }
.rp-partner-eco__body { color:#C6CEE8; font-size:16px; line-height:26px; margin:0 24px 28px; }
.rp-partner-eco__foot { color:#C6CEE8; font-size:18px; line-height:28px; text-align:center; margin:56px auto 0; max-width:640px; }
.rp-partner-eco__cta { text-align:center; margin-top:24px; }

/* ===== 4. FORM (light) ===== */
.rp-partner-form { background:linear-gradient(180deg,#FBFCFF 0%,#EAF0FE 100%); padding:96px 24px; }
.rp-partner-form__inner { max-width:760px; margin:0 auto; }
.rp-partner-form__head { text-align:center; margin:0 0 40px; }
.rp-partner-form__h { font-size:40px; line-height:48px; font-weight:700; color:var(--pnavy); margin:0 0 16px; }
.rp-partner-form__hl { color:var(--pblue); }
.rp-partner-form__sub { font-size:18px; line-height:28px; color:var(--pgrey); margin:0 auto 24px; max-width:560px; }
.rp-partner-form__badges { display:flex; gap:20px; justify-content:center; align-items:center; flex-wrap:wrap; }
.rp-partner-form__badges img { height:48px; width:auto; }
.rp-partner-form__form { background:#fff; border:1px solid #ECEFF3; border-radius:16px; padding:32px; display:flex; flex-direction:column; gap:20px; }
.rp-partner-form__grid2 { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.rp-partner-form__field { display:flex; flex-direction:column; gap:8px; }
.rp-partner-form__field > span { font-size:14px; font-weight:600; color:var(--pnavy); }
.rp-partner-form__field > span i { color:var(--pblue); font-style:normal; margin-left:2px; }
.rp-partner-form__field input,
.rp-partner-form__field select,
.rp-partner-form__field textarea { font:inherit; font-size:16px; color:var(--pink); background:#fff; border:1px solid #D8DEEA; border-radius:10px; padding:12px 14px; width:100%; }
.rp-partner-form__field input:focus,
.rp-partner-form__field select:focus,
.rp-partner-form__field textarea:focus { outline:none; border-color:var(--pblue); box-shadow:0 0 0 3px rgba(17,78,247,.12); }
.rp-partner-form__field textarea { resize:vertical; }
.rp-partner-form__submit { align-self:flex-start; margin-top:4px; border:0; cursor:pointer; }

/* ===== responsive ===== */
@media (max-width:991px) {
  .rp-partner-why, .rp-partner-eco, .rp-partner-form { padding:56px 20px; }
  .rp-partner-why__grid, .rp-partner-eco__grid { grid-template-columns:1fr; gap:24px; max-width:520px; margin-left:auto; margin-right:auto; }
  .rp-partner-why__h, .rp-partner-eco__h, .rp-partner-form__h { font-size:30px; line-height:38px; }
}
@media (max-width:600px) {
  .rp-partner-form__grid2 { grid-template-columns:1fr; }
  .rp-partner-form__form { padding:24px; }
  .rp-partner-form__submit { align-self:stretch; text-align:center; }
}