/*
 * v1.20.40 Mobile/RTL + viewport-unit audit remediation.
 * Prevent visually-hidden accessibility/form controls from expanding the RTL
 * root scroll canvas. In the 2026-10-02 mobile audit, a -9999px skip link
 * produced an exact 10,000px horizontal overflow on Arabic pages.
 */


/* Chrome mobile emulation can expose window.innerWidth and clientWidth in
   incompatible coordinate spaces. The approved hero JS previously converted
   that mismatch into --injazat-sbw values above 2,000px. On phone/tablet
   layouts, force the subtraction term to zero and keep every approved
   full-bleed section on the real viewport. */
@media (max-width: 1200px) {
  html {
    --injazat-sbw: 0px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }
  .injazat-hero,
  .injazat-sec {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }
}

/* Root scrolling must never expose an off-canvas blank region on mobile RTL pages. */
@media (max-width: 1024px) {
  html[dir="rtl"],
  html[dir="rtl"] body {
    max-width: 100%;
    overflow-x: clip !important;
  }

  @supports not (overflow: clip) {
    html[dir="rtl"],
    html[dir="rtl"] body {
      overflow-x: hidden !important;
    }
  }
}

/* RTL/LTR-safe accessible skip-link hiding. Also covers the live-site
   .ihr-sf-skip-link class injected outside the base header template. */
.skip-link:not(:focus),
.ihr-sf-skip-link:not(:focus) {
  position: absolute !important;
  left: auto !important;
  right: auto !important;
  inset-inline-start: 0 !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.skip-link:focus,
.ihr-sf-skip-link:focus {
  position: fixed !important;
  left: auto !important;
  right: auto !important;
  inset-inline-start: 12px !important;
  top: 12px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
  background: #fff !important;
  color: #122844 !important;
  border: 2px solid #006fdb !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 30px rgba(0, 31, 68, .18) !important;
  z-index: 2147483647 !important;
}

/* Spam honeypots remain present in the DOM but cannot enlarge an RTL canvas. */
.honey,
.injazat-hp,
.ij-demo-form .honey {
  position: absolute !important;
  left: auto !important;
  right: auto !important;
  inset-inline-start: 0 !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}