/* Arabic-only overrides (loaded when lang = ar). Most layout uses logical properties already. */
.site-nav li a::after { transform-origin: right; }          /* underline grows right-to-left */
@media (max-width: 900px) {
  .site-nav { transform: translateX(-100%); box-shadow: 4px 0 24px rgba(0,0,0,.15); }
  .site-nav.is-open { transform: none; }
}