body{
    font-family: "Tajawal";
    direction: rtl;
}
.header__search-box button{
    right: unset;
    left: 0;
}
.header__search-cat{
    right: 20px;
    left: unset;
}
.header__search-cat .nice-select::after{
    left: 0px;
    right: unset;
}
.header__search-box::before{
    right: 160px;
    left: unset;
}

.header__search-box button{
    border-radius: 6px 0 0 6px;
}

.nice-select .nice-select-dropdown{
    right: 0;
    left: unset;
}
.user__toggle::after{
    right: unset;
    left: 9px !important;
}
/* ------------------------------------- */
/* RTL MARGIN / PADDING SWAPS           */
/* ------------------------------------- */
[dir="rtl"] .ml-5   { margin-right:5px; margin-left:0 }
[dir="rtl"] .ml-10  { margin-right:10px; margin-left:0 }
[dir="rtl"] .ml-15  { margin-right:15px; margin-left:0 }
[dir="rtl"] .ml-20  { margin-right:20px; margin-left:0 }
/* … repeat for all ml-* values */

/* Swap mr-* → ml-* in RTL */
[dir="rtl"] .mr-5   { margin-left:5px; margin-right:0 }
[dir="rtl"] .mr-10  { margin-left:10px; margin-right:0 }
[dir="rtl"] .mr-15  { margin-left:15px; margin-right:0 }
[dir="rtl"] .mr-20  { margin-left:20px; margin-right:0 }
[dir="rtl"] .mr-25  { margin-left:25px; margin-right:0 }
/* … repeat for all mr-* values */

/* Swap padding left/right */
[dir="rtl"] .pl-5   { padding-right:5px; padding-left:0 }
[dir="rtl"] .pl-10  { padding-right:10px; padding-left:0 }
/* … repeat pl-* */

/* Swap pr-* → pl-* in RTL */
[dir="rtl"] .pr-5   { padding-left:5px; padding-right:0 }
[dir="rtl"] .pr-10  { padding-left:10px; padding-right:0 }
/* … repeat pr-* */

.languageDropdown:after{
    left: 0px;
    right: unset;
}
.nice-select .nice-select-dropdown{
    left: 0px;
    right: auto;
}
.nice-select.open .nice-select-dropdown{
    left: 0px;
    right: auto;
}
.section__head::after{
    left: unset;
    right: unset;
}
.t-nav .owl-nav{
    left: 0;
    right: unset;
}
.subscribe__form button {
    top: 0;
    left: 0;
    right: unset;
  }
  .t-y-btn-sub{
    border-radius: 35px 0 0 35px;
  }
  .cart__mini {
    right: unset;
    left: 0px;
  }
  .offcanvas__area.opened {
  right: 0px;
  left: auto;
}
.side-categories li.open > a .toggle-icon {
  transform: rotate(-90deg);
}
.offcanvas__close {
    left: 3px;
    right: auto;
}

.breadcrumb-item+.breadcrumb-item::before {
    float: right;
    padding: 0 .5rem;
}