/* file: assets/css/rtl.css */
/* =========================
   KR — rtl.css (FULL)
   Keep this file SMALL.
   main.css already contains most RTL support.
   ========================= */

/* Ensure the document direction */
html[dir="rtl"] body,
html[lang^="ar"] body,
body.rtl{
  direction: rtl;
}

/* Mobile drawer should slide from LEFT in RTL */
@media (max-width:900px){
  body.rtl .kr-nav,
  html[dir="rtl"] body .kr-nav,
  html[lang^="ar"] body .kr-nav{
    right:auto;
    left:0;
    transform:translateX(-105%);
    border-left:0;
    border-right:1px solid var(--kr-border);
    border-radius:0 20px 20px 0;
  }

  body.rtl.kr-nav-open .kr-nav,
  html[dir="rtl"] body.kr-nav-open .kr-nav,
  html[lang^="ar"] body.kr-nav-open .kr-nav{
    transform:translateX(0);
  }

  body.rtl .kr-menu .sub-menu,
  html[dir="rtl"] .kr-menu .sub-menu,
  html[lang^="ar"] .kr-menu .sub-menu{
    padding-left:0;
    padding-right:.75rem;
  }
}