/* RTL overrides — applied only when the active culture is right-to-left (Arabic). */

body.rtl .hero-bullets li { padding-inline-start: 22px; }

body.rtl .btn-primary { box-shadow: 0 8px 22px rgba(37, 99, 235, .35); }

/* The animated header-nav underline grows from the inline-start edge; transform-origin
   takes no logical keyword, so flip it explicitly in RTL. */
body.rtl .primary-nav a::after { transform-origin: right; }

/* Decorative auth-panel glows sit in the outer corners; keep them out of the way in RTL. */
body.rtl .auth-side::before { right: auto; left: -120px; }
body.rtl .auth-side::after  { left: auto; right: -80px; }

/* Hero cards + layout flip horizontal anchors automatically via logical properties
   (inset-inline-*, margin-inline-*), and CSS grid/flex reverse under dir="rtl", so the
   sidebar, header and drawers are already correct. This file holds the few rules whose
   physical properties can't be expressed logically. */