/* v59: Join Us matches the v58 document rows on phones only. */
#contact .footer-career-icon { display: none; }
#careerApplyDialog .career-service-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; margin: 0 0 18px; }
#careerApplyDialog .career-service-actions[hidden],
#careerApplyDialog .career-unavailable-note[hidden] { display: none !important; }
#careerApplyDialog .career-service-actions button,
#careerApplyDialog .career-service-actions a { min-height: 44px; display: inline-flex; align-items: center; padding: 8px 12px; border: 1px solid rgba(49,67,111,.2); border-radius: 8px; color: #31436f; background: white; font: inherit; font-size: 14px; text-decoration: none; cursor: pointer; }
#careerApplyDialog .career-unavailable-note { margin: 0 0 12px; padding: 12px 14px; border-inline-start: 3px solid #c38c19; border-radius: 6px; background: #fff6e5; color: #614413; font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
#careerApplyDialog .career-field { min-width: 0; }
#careerApplyDialog .career-field input, #careerApplyDialog .career-field select { min-width: 0; max-width: 100%; }
#careerApplyDialog .career-submit:disabled { cursor: not-allowed; }
#careerApplyDialog form[aria-busy="true"] .career-submit { cursor: wait; }
#careerApplyDialog .career-form-status { overflow-wrap: anywhere; }
#careerApplyDialog .career-form-actions { scroll-margin-bottom: 24px; }
#careerApplyDialog .career-form-status:focus { outline: 0; }
@media (max-width: 700px) {
  #contact #careerApplyOpen.footer-company-link {
    width: 100%; max-width: none; min-width: 0; min-height: 64px;
    padding: 10px 14px; gap: 12px; border: 1px solid rgba(49,67,111,.14);
    border-radius: 10px; background: rgba(255,255,255,.94);
    box-shadow: 0 3px 12px rgba(49,67,111,.035);
    display: flex; align-items: center; justify-content: space-between;
    white-space: normal; text-align: start;
  }
  #contact #careerApplyOpen .career-trigger-desktop-label { display: none; }
  #contact #careerApplyOpen .career-trigger-label {
    font: inherit; color: inherit; font-weight: inherit;
    text-transform: none; letter-spacing: normal; line-height: 1.5;
    flex: 1 1 auto; min-width: 0; white-space: normal; overflow-wrap: anywhere;
  }
  #contact #careerApplyOpen .footer-career-icon {
    display: grid; place-items: center; width: 40px; height: 40px;
    flex: 0 0 40px; margin-inline-start: auto; color: var(--navy-dark,#31436f);
  }
  #contact #careerApplyOpen .footer-career-icon svg { display: block; width: 26px; height: 26px; }
  html[lang="ar"] #contact #careerApplyOpen.footer-company-link { font-size: calc(16px * var(--a11y-scale,1)) !important; }
  #careerApplyDialog.career-apply-dialog {
    box-sizing: border-box; width: calc(100vw - 24px); max-width: 640px;
    max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px);
    margin: auto; overflow: hidden; border-radius: 16px;
  }
  #careerApplyDialog .career-apply-shell {
    max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px);
    overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain;
  }
  #careerApplyDialog .career-apply-head {
    position: sticky !important; top: 0; z-index: 3; min-height: 72px;
    padding: 12px 14px !important; display: flex; gap: 10px;
  }
  #careerApplyDialog .career-apply-brand { width: auto; flex: 1 1 auto; min-width: 0; gap: 12px !important; justify-content: flex-start !important; }
  #careerApplyDialog .career-apply-logo { position: static; transform: none; width: 62px !important; flex: 0 0 62px; }
  #careerApplyDialog .career-apply-brand > div { padding: 0; min-width: 0; width: auto; flex: 1 1 auto; justify-content: flex-start; }
  #careerApplyDialog .career-apply-head h2 {
    font-size: calc(18px * var(--a11y-scale,1)) !important; white-space: normal;
    text-align: start !important; line-height: 1.35 !important;
  }
  #careerApplyDialog .career-apply-close { position: static; transform: none; width: 44px; height: 44px; flex: 0 0 44px; }
  #careerApplyDialog .career-apply-form { padding: 18px 14px 24px; }
  #careerApplyDialog .career-form-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
  #careerApplyDialog .career-field.full { grid-column: auto; }
  #careerApplyDialog .career-field input, #careerApplyDialog .career-field select { font-size: 16px; height: 46px; }
  #careerApplyDialog .career-country-search { font-size: 16px; }
  #careerApplyDialog .career-phone-wrap { height: 46px; }
  #careerApplyDialog .career-phone-wrap > input[type="tel"] { height: 44px !important; }
  #careerApplyDialog .career-country-button { min-width: 100px; gap: 6px; padding: 0 8px; }
  #careerApplyDialog .career-country-menu { width: min(300px, calc(100vw - 56px)); }
  #careerApplyDialog .career-privacy-consent { align-items: start; line-height: 1.6; }
  #careerApplyDialog .career-form-actions { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px; }
  #careerApplyDialog .career-submit { width: 100%; min-height: 48px; }
}
/* Keep the spam-trap field out of the accessibility tree without creating
   a 10,000px overflow area in right-to-left layouts. */
#careerApplyDialog .career-hp {
  position: absolute !important; left: 0 !important; top: 0 !important;
  width: 1px !important; height: 1px !important; margin: 0 !important;
  padding: 0 !important; overflow: hidden !important;
  clip: rect(0,0,0,0) !important; clip-path: inset(50%) !important;
  white-space: nowrap !important; pointer-events: none;
}