#column-left {
  float: right !important;
  /* أو */
  position: relative;
  right: 0;
}
#content {
  float: left !important;
}

/* لضبط ظهور الأيقونة على يسار النص داخل القائمة الجانبية RTL */
.list-group-item {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  text-align: right;
}

.list-group-item i.fa {
  margin-left: auto; /* يدفع الأيقونة إلى اليسار */
  margin-right: 0;
}

/* غيّر أيقونة السهم من يمين إلى يسار في الوضع RTL */
.list-group-item i.fa-angle-right::before {
    content: "\f104"; /* Unicode للسهم لليسار */
}


/* تعديل اتجاه عناصر النموذج */
.form-horizontal .control-label {
    float: right;
    text-align: right;
}

#column-right .list-group-item {
  text-align: right !important;
  direction: rtl !important;
}

#category.visible-xs {
  display: block;
  direction: rtl;
  text-align: right;
  float: right;
  clear: both;
  width: 100%;
  padding-right: 15px;
}

.row {
  direction: rtl;         /* هذا يعكس ترتيب الأعمدة داخل الصف */
}

.col-sm-3, .col-sm-4, .col-sm-6, .col-xs-12 {
  float: right !important;      /* يعكس اتجاه العمود */
  text-align: right;            /* يجعل النص يمينًا */
  direction: rtl;               /* تأكيد اتجاه النص */
}



/* تأكد أن القائمة الجانبية بالكامل تسير باتجاه RTL */
#column-right {
  float: left !important;         /* لأنك في RTL، الأعمدة اليمنى تذهب لليسار */
  direction: rtl !important;
  text-align: right !important;
}

/* عناصر القائمة */
#column-right .list-group {
  direction: rtl;
  text-align: right;
}

/* عناصر الروابط */
#column-right .list-group-item {
  direction: rtl;
  text-align: right;
  display: block;
  float: none;
}

/* أيقونات داخل القائمة (لو وُجدت) */
#column-right .list-group-item i {
  margin-left: auto;
  margin-right: 0;
  float: left;
}

.checkbox label,
.radio label {
  padding-left: 0;        /* إزالة التباعد الأيسر */
  padding-right: 45px;    /* إضافة تباعد من اليمين */
}


.nav-tabs > li {
  float: right;
    padding-right: 0;
  margin-right: 0;
}

.nav-tabs {
  padding-right: 0;
  margin-right: 0;
}


/* محاذاة الجدول بشكل صحيح داخل الصفحة في وضع RTL */
.csapps-table {
  direction: rtl;            /* تعيين الاتجاه للـ RTL داخل الجدول */
}

/* لتعديل محاذاة الـ th و td بناءً على اللغة */
.csapps-table th,
.csapps-table td {
  text-align: center;        /* محاذاة النص بشكل صحيح في الخلايا */
}


/* حل مشكلة رابط اللوجو*/
#logo, #logo a, #logo img {
  position: relative !important;
  z-index: 1 !important;
  pointer-events: auto !important;
}


/* حل مشكلة ترتيب المنتجات في random*/
#content > .row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

#content > .row > .product-layout {
  display: flex;
  flex-direction: column;
}

#content > .row > .product-layout > .product-thumb {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


/* عنوان المنتجات العشوائية*/
.big-title {
  font-size: 22px;
  font-weight: bold;
}