/* Arabic reads from the inline start. Keep the site's artwork, dimensions
   and fixed brand positions; mirror only the directional parts of the UI. */
html[lang="ar"] :is(#site-header .nav, .unified-footer .footer-brand-row, .unified-footer .footer-bottom) {
  direction: ltr;
}
html[lang="ar"] :is(#site-header .nav-links, #site-header .homepage-nav-links, .unified-footer .footer-brand p) {
  direction: rtl;
}
/* This row itself is RTL, but sits inside the left-to-right brand wrapper. */
html[lang="ar"] #site-header .nav:has(.site-language-menu) > :is(.nav-links, .homepage-nav-links) {
  margin-left: auto;
  margin-right: 0;
}
html[lang="ar"] #site-header .site-language-options a {
  unicode-bidi: plaintext;
}
html[lang="ar"] #site-header .dropdown.mega-menu {
  text-align: start;
}
html[lang="ar"] #site-header .mega-overview {
  padding-inline: 0 48px;
  border-inline-start: 0;
  border-inline-end: 1px solid #d9dee3;
}
html[lang="ar"] #site-header :is(.mega-hpc, .mega-butterfly, .mega-solutions, .mega-support) .mega-columns {
  padding-inline: 48px 0;
}
html[lang="ar"] #site-header .mega-column {
  border-inline-start: 0;
  border-inline-end: 1px solid #d9dee3;
}
html[lang="ar"] #site-header .mega-column:last-child {
  border-inline-end: 0;
}
html[lang="ar"] #site-header .dropdown.mega-menu .mega-links a {
  padding-inline: 14px 0;
}
html[lang="ar"] #site-header .dropdown.mega-menu .mega-links a::before {
  inset-inline: 0 auto;
}
html[lang="ar"] #site-header .dropdown.mega-menu .mega-links a:hover {
  transform: translateX(-3px);
}
html[lang="ar"] #site-header .mega-all > span {
  transform: scaleX(-1);
}

html[lang="ar"] .v84-mobile-nav-list summary {
  padding-inline: 2px 42px;
}
html[lang="ar"] .v84-mobile-nav-list summary::before,
html[lang="ar"] .v84-mobile-nav-list summary::after {
  inset-inline: auto 4px;
}
html[lang="ar"] .v84-mobile-nav-links a {
  padding-inline: 10px 34px !important;
}
html[lang="ar"] .v84-mobile-nav-links a::after {
  inset-inline: auto 11px;
  transform: translateY(-50%) rotate(225deg);
}
html[lang="ar"] .v84-mobile-nav-links a:is(:hover, :focus-visible)::after {
  transform: translate(-2px, -50%) rotate(225deg);
}
html[lang="ar"] .v84-mobile-nav-links a.is-current {
  box-shadow: inset -3px 0 var(--v85-nav-blue) !important;
}

/* Physical left-to-right coordinates are part of these sliders and diagrams.
   The cards themselves still use Arabic reading order. */
html[lang="ar"] :is(.v85-mobile-carousel .hero-ring, .v86-mobile-stories .stories-rail, .continuous-marquee) {
  direction: ltr;
}
html[lang="ar"] :is(.v85-mobile-carousel .hero-ring-card, .v86-mobile-stories .story-card) {
  direction: rtl;
}
html[lang="ar"] svg[data-i18n-svg-layout] {
  direction: ltr;
}
html[lang="ar"] svg[data-i18n-svg-layout] text {
  font-family: Arial, "Geeza Pro", sans-serif;
}
html[lang="ar"] .i18n-bubble-copy text {
  direction: rtl;
  unicode-bidi: isolate;
}

html[lang="ar"] :is(
  .cmp th, .cmp td, .sys-contract th, .sys-contract td, .cap-table th, .cap-table td,
  #page-butterfly .bf-matrix th, #page-butterfly .bf-matrix td,
  .pd-cta .rt, #page-studio .studio-product-banner figcaption, #page-box .box-product-banner figcaption,
  .sp-dev, .sp-tile, .sp-shot, #page-support .sp-hb, #page-support .sp-f
) {
  text-align: start;
}
html[lang="ar"] #page-app #app-get .sec-head.center {
  text-align: start !important;
}
html[lang="ar"] :is(input[type="tel"], input[type="email"], input[type="url"], input[autocomplete="one-time-code"], code, kbd, samp) {
  direction: ltr;
  unicode-bidi: isolate;
}
html[lang="ar"] .customer-profile-logo[translate="no"] {
  direction: ltr;
}
html[lang="ar"] :is(.i18n-review-sidebar, .i18n-toolbar) {
  direction: ltr;
}
html[lang="ar"] :is(.i18n-review-sidebar .i18n-current, .i18n-review-sidebar textarea, .i18n-review-list button) {
  unicode-bidi: plaintext;
}