/* /become-a-global-affiliate/ (page 10641) — polish layer on top of mu-plugins/nikki-legal-pages/nikki-affiliate-page.css.
   Matches the /affiliate-area/ look: rounded fields, clay buttons, panel card. Scoped to body.page-id-10641. */
html body.page-id-10641{--nk-clay-dark:#a8643f;--nk-radius:15px}

/* ---------- hero: photo card + form card ---------- */
body.page-id-10641 .elementor-element-34dcc277{max-width:1280px;margin:0 auto;padding:clamp(32px,5vw,72px) clamp(16px,3vw,32px);gap:clamp(20px,3vw,40px)!important;align-items:stretch}
body.page-id-10641 .elementor-element-cdd3efb{position:relative;border-radius:var(--nk-radius);overflow:hidden;min-height:520px;background-position:center!important;background-size:cover!important}
body.page-id-10641 .elementor-element-cdd3efb::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(18,18,20,0) 45%,rgba(18,18,20,.55) 100%),linear-gradient(90deg,rgba(18,18,20,0) 60%,rgba(18,18,20,.35) 100%)}
body.page-id-10641 .elementor-element-7bcf007{background:var(--nk-panel);border:1px solid var(--nk-line);border-radius:var(--nk-radius);padding:clamp(28px,4vw,56px)!important;gap:20px!important;justify-content:flex-start}
body.page-id-10641 .elementor-element-7bcf007 .gform_wrapper{margin:12px 0 0;padding:24px 0 0;border-top:1px solid var(--nk-line)}

/* photo stays in view next to the long multi-step form instead of stretching to its height */
@media (min-width:768px){
  body.page-id-10641 .elementor-element-34dcc277{align-items:flex-start}
  body.page-id-10641 .elementor-element-cdd3efb{position:sticky;top:112px;align-self:flex-start;height:calc(100vh - 148px);min-height:420px;max-height:720px}
}

/* ---------- fields + progress ---------- */
body.page-id-10641 .gform_wrapper .ginput_container:is(.ginput_container_text,.ginput_container_email,.ginput_container_phone,.ginput_container_website,.ginput_container_select,.ginput_container_textarea,.ginput_container_number) :is(input,select,textarea){width:100%!important;max-width:100%!important}
body.page-id-10641 .gform_wrapper .gfield :is(input.medium,input.large,select.medium,select.large,textarea.medium,textarea.large){width:100%!important}
body.page-id-10641 .gform_wrapper :is(input[type=text],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=password],select,textarea){background:var(--nk-field,#16130f)!important;border-radius:10px!important}
body.page-id-10641 .gform_wrapper :is(input,select,textarea):focus{border-color:var(--nk-clay)!important;box-shadow:0 0 0 3px rgba(193,122,82,.22)!important;background:var(--nk-field,#16130f)!important}
body.page-id-10641 .gform_wrapper .gf_progressbar{border-radius:999px!important}
body.page-id-10641 .gform_wrapper .gf_progressbar_percentage{background:var(--nk-clay)!important;border-radius:999px!important}
body.page-id-10641 .gform_wrapper :is(.gfield_required,.gfield_required_asterisk){color:var(--nk-clay)!important}
body.page-id-10641 .gform_wrapper input:is([type=checkbox],[type=radio]){accent-color:var(--nk-clay)}

/* ---------- buttons: clay primary, ghost back ---------- */
body.page-id-10641 .gform_wrapper :is(.gform_button,.gform_next_button){background:var(--nk-clay)!important;border:1px solid var(--nk-clay)!important;color:#fff!important;border-radius:4px!important;padding:16px 28px!important;font-size:12.5px!important;letter-spacing:.08em!important}
body.page-id-10641 .gform_wrapper :is(.gform_button,.gform_next_button):hover{background:var(--nk-clay-dark)!important;border-color:var(--nk-clay-dark)!important;color:#fff!important;transform:translateY(-1px)}
body.page-id-10641 .gform_wrapper .gform_previous_button{border-radius:4px!important;padding:16px 28px!important;font-size:12.5px!important;letter-spacing:.08em!important}
body.page-id-10641 .gform_wrapper .gform_previous_button:hover{border-color:var(--nk-clay)!important;color:var(--nk-clay)!important}
body.page-id-10641 .gform_wrapper :is(.gform_button,.gform_next_button,.gform_previous_button):focus-visible{outline:2px solid var(--nk-sage);outline-offset:3px}

/* ---------- map ---------- */
body.page-id-10641 .elementor-element-0efc0eb{padding:clamp(56px,8vw,112px) 24px!important;text-align:center}
body.page-id-10641 .elementor-element-bedbe24{max-width:900px;margin:8px auto 0}
body.page-id-10641 .elementor-element-005a356,body.page-id-10641 .elementor-element-005a356 p{text-align:center!important}

/* ---------- mobile ---------- */
@media (max-width:767px){
  body.page-id-10641 .elementor-element-34dcc277{flex-direction:column;padding:20px 16px 40px}
  body.page-id-10641 .elementor-element-cdd3efb{min-height:240px!important;width:100%!important}
  body.page-id-10641 .elementor-element-7bcf007{width:100%!important;padding:28px 20px!important}
}