/* ==========================================================================
   ecom-eg — Directional overrides (kept minimal)
   Prefer logical properties in main.css; use this only when needed.
   ========================================================================== */

html[dir="rtl"] {
  --dir-factor: -1;
}

html[dir="ltr"] {
  --dir-factor: 1;
}

/* Chevron for expandable mobile services */
.nav-chevron {
  display: inline-block;
  width: 0.45rem;
  height: 0.45rem;
  border-inline-end: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 180ms ease;
}

html[dir="ltr"] .nav-chevron {
  transform: rotate(-45deg);
}

.nav-trigger[aria-expanded="true"] .nav-chevron,
.mobile-nav button[aria-expanded="true"] .nav-chevron {
  transform: rotate(-135deg);
}

html[dir="ltr"] .nav-trigger[aria-expanded="true"] .nav-chevron,
html[dir="ltr"] .mobile-nav button[aria-expanded="true"] .nav-chevron {
  transform: rotate(135deg);
}