/* RTL overrides (loaded only when Arabic is selected)
   Intentionally small + safe: flips direction and fixes key UI alignment.
*/

html[dir="rtl"],
html[dir="rtl"] body{
  direction: rtl;
}

/* Header layout */
html[dir="rtl"] .topbar-right{
  margin-left:0;
  margin-right:auto;
}

html[dir="rtl"] .nav{
  margin-left:0;
  margin-right:6px;
}

/* Search icon + padding */
html[dir="rtl"] .search-ico{
  left:auto;
  right:10px;
}

html[dir="rtl"] .top-search input{
  padding-right:34px;
  padding-left:10px;
}

/* Notifications panel anchoring */
html[dir="rtl"] .notif-panel{
  right:auto;
  left:18px;
}

html[dir="rtl"] .notif-head{
  text-align:right;
}

/* Tables */
html[dir="rtl"] .table th,
html[dir="rtl"] .table td{
  text-align:right;
}

/* Chat (messages tab) */
html[dir="rtl"] .chat-bubble{
  text-align:right;
}

html[dir="rtl"] .chat-meta{
  padding-right:0;
  padding-left:22px;
}

html[dir="rtl"] .chat-del{
  right:auto;
  left:0;
}

/* Auth pages */
html[dir="rtl"] .auth-lang{
  right:auto;
  left:14px;
}

html[dir="rtl"] .auth-form,
html[dir="rtl"] .auth-brand{
  text-align:right;
}

html[dir="rtl"] .auth-bullets{
  padding-left:0;
  padding-right:18px;
}

html[dir="rtl"] .link{
  margin-left:0;
  margin-right:10px;
}

html[dir="rtl"] .req{
  margin-left:0;
  margin-right:4px;
}

/* Form text alignment (keep numbers readable) */
html[dir="rtl"] input[type="text"],
html[dir="rtl"] input[type="search"],
html[dir="rtl"] textarea{
  text-align:right;
}