/* === Universal RTL shim for UIkit (load AFTER uikit-rtl.css) === */

/* ---------- Text alignment ---------- */
[dir="rtl"] [class*="uk-text-left"]  { text-align: right !important; }
[dir="rtl"] [class*="uk-text-right"] { text-align: left  !important; }

/* Responsive text utilities */
@media (min-width: 640px){
  [dir="rtl"] [class*="uk-text-left\\@s"]  { text-align: right !important; }
  [dir="rtl"] [class*="uk-text-right\\@s"] { text-align: left  !important; }
}
@media (min-width: 960px){
  [dir="rtl"] [class*="uk-text-left\\@m"]  { text-align: right !important; }
  [dir="rtl"] [class*="uk-text-right\\@m"] { text-align: left  !important; }
}
@media (min-width: 1200px){
  [dir="rtl"] [class*="uk-text-left\\@l"]  { text-align: right !important; }
  [dir="rtl"] [class*="uk-text-right\\@l"] { text-align: left  !important; }
}
@media (min-width: 1600px){
  [dir="rtl"] [class*="uk-text-left\\@xl"]  { text-align: right !important; }
  [dir="rtl"] [class*="uk-text-right\\@xl"] { text-align: left  !important; }
}

/* ---------- Floats / Align ---------- */
[dir="rtl"] [class*="uk-float-left"]  { float: right !important; }
[dir="rtl"] [class*="uk-float-right"] { float: left  !important; }

[dir="rtl"] [class*="uk-align-left"]  { float: right !important; margin-left: 30px !important; margin-right: 0 !important; }
[dir="rtl"] [class*="uk-align-right"] { float: left  !important; margin-right: 30px !important; margin-left: 0 !important; }

/* ---------- Position helpers ---------- */
[dir="rtl"] [class*="uk-position-left"]  { left: auto !important; right: 0 !important; }
[dir="rtl"] [class*="uk-position-right"] { right: auto !important; left: 0 !important; }

/* ---------- Flex alignment shorthand ---------- */
[dir="rtl"] [class*="uk-flex-left"]  { justify-content: flex-end !important; }
[dir="rtl"] [class*="uk-flex-right"] { justify-content: flex-start !important; }

/* ---------- NAVBAR (flex-based in UIkit) ---------- */
/* UIkit pushes the right section via margin-left:auto in LTR; flip to margin-right:auto in RTL */
[dir="rtl"] .uk-navbar-right { margin-left: 0 !important; margin-right: auto !important; }
[dir="rtl"] .uk-navbar-left  { margin-right: 0 !important; }

/* Optional: swap visual order without touching DOM */
[dir="rtl"] .uk-navbar-left  { order: 2 !important; }
[dir="rtl"] .uk-navbar-right { order: 1 !important; }

/* If needed, also flip justification inside these groups */
[dir="rtl"] .uk-navbar-left,
[dir="rtl"] .uk-navbar-right { justify-content: flex-end !important; }

/* ---------- Margin utilities (literal → flip) ---------- */
/* Define the standard UIkit spacings (adjust if you've customized them) */
:root{
  --uk-m-small: 10px;
  --uk-m:       20px;
  --uk-m-medium:40px;
  --uk-m-large: 70px;
}

/* right→left */
[dir="rtl"] .uk-margin-small-right { margin-right: 0 !important; margin-left: var(--uk-m-small) !important; }
[dir="rtl"] .uk-margin-right       { margin-right: 0 !important; margin-left: var(--uk-m)       !important; }
[dir="rtl"] .uk-margin-medium-right{ margin-right: 0 !important; margin-left: var(--uk-m-medium)!important; }
[dir="rtl"] .uk-margin-large-right { margin-right: 0 !important; margin-left: var(--uk-m-large) !important; }

/* left→right */
[dir="rtl"] .uk-margin-small-left  { margin-left: 0 !important; margin-right: var(--uk-m-small) !important; }
[dir="rtl"] .uk-margin-left        { margin-left: 0 !important; margin-right: var(--uk-m)       !important; }
[dir="rtl"] .uk-margin-medium-left { margin-left: 0 !important; margin-right: var(--uk-m-medium)!important; }
[dir="rtl"] .uk-margin-large-left  { margin-left: 0 !important; margin-right: var(--uk-m-large) !important; }

/* Auto-margins */
[dir="rtl"] .uk-margin-auto-left  { margin-left: 0 !important; margin-right: auto !important; }
[dir="rtl"] .uk-margin-auto-right { margin-right: 0 !important; margin-left:  auto !important; }

/* ---------- Padding (if you use -left/-right variants) ---------- */
[dir="rtl"] .uk-padding-small-right { padding-right: 0 !important; padding-left:  var(--uk-m-small) !important; }
[dir="rtl"] .uk-padding-right       { padding-right: 0 !important; padding-left:  var(--uk-m)       !important; }
[dir="rtl"] .uk-padding-small-left  { padding-left:  0 !important; padding-right: var(--uk-m-small) !important; }
[dir="rtl"] .uk-padding-left        { padding-left:  0 !important; padding-right: var(--uk-m)       !important; }