/* ========= RTL Base ========= */
html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  unicode-bidi: plaintext; /* الحروف والأرقام اللاتينية داخل العربي/الفارسي */
}

/* ========= Layout Helpers ========= */
html[dir="rtl"] .text-left  { text-align: left !important; }
html[dir="rtl"] .text-right { text-align: right !important; }

/* Bootstrap alignments */
html[dir="rtl"] .pull-left  { float: right !important; }

/* الحاويات العامة */
html[dir="rtl"] .container,
html[dir="rtl"] .container-fluid {
  direction: rtl;
}

/* ========= Navbar ========= */
html[dir="rtl"] .navbar .navbar-brand {
  float: right;
}
html[dir="rtl"] .navbar-toggle {
  float: right;
  margin-right: 15px;
  margin-left: 0;
}
html[dir="rtl"] .navbar-nav {
  float: right;
}
html[dir="rtl"] .navbar-nav > li {
  float: right;
}
html[dir="rtl"] .navbar-nav.navbar-right {
  float: right !important;
}
html[dir="rtl"] .navbar-nav > li > a .caret {
  margin-left: 6px;
  margin-right: 0;
  transform: none;
}

/* Dropdowns: يتم فتحها بمحاذاة اليمين */
html[dir="rtl"] .dropdown-menu {
  right: 0;
  left: auto;
  text-align: right;
}

/* حالة الانهيار (الموبايل) */
@media (max-width: 767px) {
  html[dir="rtl"] .navbar-collapse {
    text-align: right;
  }
  html[dir="rtl"] .navbar-nav,
  html[dir="rtl"] .navbar-nav > li {
    float: none !important;
  }
  html[dir="rtl"] .navbar-nav > li > a {
    padding-right: 15px;
    padding-left: 15px;
  }
  html[dir="rtl"] .navbar-nav.navbar-right {
    float: right !important;
  }
}

/* ========= Forms & Inputs ========= */
html[dir="rtl"] .form-control,
html[dir="rtl"] input,
html[dir="rtl"] textarea {
  text-align: right;
  direction: rtl;
}
html[dir="rtl"] .input-group {
  direction: ltr;
}
html[dir="rtl"] .input-group > .form-control {
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] .input-group .input-group-append,
html[dir="rtl"] .input-group .input-group-btn {
  white-space: nowrap;
}

/* ========= Lists & Breadcrumbs ========= */
html[dir="rtl"] .breadcrumb {
  direction: rtl;
}
html[dir="rtl"] .breadcrumb > li + li:before {
  content: "›";
  padding: 0 6px;
}

/* ========= Utilities ========= */
html[dir="rtl"] .ml-1 { margin-right: .25rem !important; margin-left: 0 !important; }
html[dir="rtl"] .ml-2 { margin-right: .5rem  !important; margin-left: 0 !important; }
html[dir="rtl"] .mr-1 { margin-left:  .25rem !important; margin-right:0 !important; }
html[dir="rtl"] .mr-2 { margin-left:  .5rem  !important; margin-right:0 !important; }

/* ========= Jumbotron ========= */
html[dir="rtl"] .jumbotron h1,
html[dir="rtl"] .jumbotron h2,
html[dir="rtl"] .jumbotron p {
  text-align: center;
}

/* ========= Cards/Boxes عامة ========= */
html[dir="rtl"] .card, 
html[dir="rtl"] .panel, 
html[dir="rtl"] .box {
  text-align: right;
}

/* ========= Footer ========= */
html[dir="rtl"] footer, 
html[dir="rtl"] footer * {
  text-align: right;
}

/* ========= Images with captions ========= */
html[dir="rtl"] .img-caption {
  text-align: right;
}

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

/* ========= Fix: icons spacing ========= */
html[dir="rtl"] .fa,
html[dir="rtl"] .bi,
html[dir="rtl"] .icon {
  margin-left: .25rem;
  margin-right: 0;
}