/* RTL Support for Arabic Language */

[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

/* Reset text alignment for RTL */
[dir="rtl"] body {
  text-align: right;
}

/* Header adjustments */
[dir="rtl"] .header-welcome-text {
  text-align: right;
}

[dir="rtl"] .headertoplag {
  flex-direction: row-reverse;
}

[dir="rtl"] .header-search form {
  flex-direction: row-reverse;
}

/* Navigation adjustments */
[dir="rtl"] .main-menu nav > ul > li {
  float: right;
}

[dir="rtl"] .mean-container .mean-nav ul li a {
  text-align: right;
}

/* Icons flip for RTL */
[dir="rtl"] .fal.fa-long-arrow-right::before {
  content: "\f177"; /* left arrow */
}

[dir="rtl"] .fal.fa-long-arrow-left::before {
  content: "\f178"; /* right arrow */
}

[dir="rtl"] .fal.fa-angle-right::before {
  content: "\f104"; /* angle left */
}

[dir="rtl"] .fal.fa-angle-left::before {
  content: "\f105"; /* angle right */
}

/* Form adjustments */
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
  text-align: right;
}

[dir="rtl"] .tpcontact__input input,
[dir="rtl"] .tpcontact__input textarea {
  text-align: right;
  padding-right: 20px;
  padding-left: 20px;
}

/* Product cards */
[dir="rtl"] .tpproduct {
  text-align: right;
}

[dir="rtl"] .tpproduct__title,
[dir="rtl"] .tpproduct__price {
  text-align: right;
}

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

[dir="rtl"] .footer-widget ul {
  padding-right: 0;
}

/* Buttons with icons */
[dir="rtl"] .tp-btn i {
  margin-left: 0;
  margin-right: 10px;
}

/* Slider adjustments */
[dir="rtl"] .slick-slide {
  direction: rtl;
}

[dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

/* Breadcrumb */
[dir="rtl"] .breadcrumb__list li {
  float: right;
}

[dir="rtl"] .breadcrumb__list li::after {
  margin-left: 0;
  margin-right: 15px;
}

/* Cart */
[dir="rtl"] .cartmini__area {
  right: auto;
  left: 0;
}

[dir="rtl"] .cartmini__close-btn {
  left: 30px;
  right: auto;
}

/* Dashboard */
[dir="rtl"] .dashboard-sidebar {
  border-left: none;
  border-right: 1px solid #e0e0e0;
  padding-left: 0;
  padding-right: 30px;
}

[dir="rtl"] .dashboard-sidebar ul li a i {
  margin-left: 10px;
  margin-right: 0;
}

/* Category menu */
[dir="rtl"] .category-menu ul li a {
  text-align: right;
}

[dir="rtl"] .category-menu ul li a i {
  margin-left: 10px;
  margin-right: 0;
}

/* Search */
[dir="rtl"] .header-search-icon {
  left: 20px;
  right: auto;
}

/* Logo */
[dir="rtl"] .logo {
  text-align: right;
}

/* Contact info */
[dir="rtl"] .tpshop__info ul li i {
  margin-left: 10px;
  margin-right: 0;
}

/* Services */
[dir="rtl"] .tpservices__item {
  text-align: right;
}

[dir="rtl"] .tpservices__icon {
  margin-left: 15px;
  margin-right: 0;
}

/* Pricing */
[dir="rtl"] .tpproduct__price del {
  margin-right: 0;
  margin-left: 10px;
}

/* Pagination */
[dir="rtl"] .pagination {
  direction: ltr;
}

/* Social icons */
[dir="rtl"] .menu-top-social a {
  margin-right: 0;
  margin-left: 10px;
}

/* Mobile menu */
[dir="rtl"] .mobile-menu {
  right: auto;
  left: 0;
}

[dir="rtl"] .mobile-menu-close {
  right: auto;
  left: 20px;
}

/* Hero slider */
[dir="rtl"] .tpslider__content {
  text-align: right;
}

/* Quote form */
[dir="rtl"] .tpcontact__form {
  text-align: right;
}

[dir="rtl"] .tpcontact__submit {
  text-align: right;
}

/* Language selector in RTL */
[dir="rtl"] .language-selector {
  direction: ltr;
}

/* Flex adjustments */
[dir="rtl"] .d-flex {
  flex-direction: row-reverse;
}

[dir="rtl"] .align-items-start {
  align-items: flex-end;
}

[dir="rtl"] .align-items-end {
  align-items: flex-start;
}

/* Grid adjustments */
[dir="rtl"] .row {
  direction: rtl;
}

/* Modal */
[dir="rtl"] .modal-header .close {
  margin-right: auto;
  margin-left: -1rem;
}

/* Tooltips */
[dir="rtl"] .tooltip {
  direction: rtl;
}

/* Dropdowns */
[dir="rtl"] .dropdown-menu {
  right: 0;
  left: auto;
  text-align: right;
}

/* Tables */
[dir="rtl"] table {
  direction: rtl;
}

[dir="rtl"] th,
[dir="rtl"] td {
  text-align: right;
}

/* Custom animations for RTL */
@keyframes slideInRight {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

[dir="rtl"] .slide-in-right {
  animation: slideInLeft 0.5s ease;
}

[dir="rtl"] .slide-in-left {
  animation: slideInRight 0.5s ease;
}
