/*--------------------------
    Project Name: Eteon RTL
    Version: 1.0 RTL
    Direction: Right to Left
---------------------------*/

/* تنظیمات اصلی RTL */
body {
  direction: rtl;
  text-align: right;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #ffffff;
  font-family: "Heebo", sans-serif;
  font-size: 16px;
  color: #51668a;
  overflow-x: hidden;
}

/* تغییر جهت لیست‌ها */
.list-inline > li {
  display: inline-block;
}

/* تنظیمات Padding و Margin برای RTL */
.pr-0 {
  padding-left: 0 !important;
  padding-right: auto;
}

.pl-0 {
  padding-right: 0 !important;
  padding-left: auto;
}

.mr-20 {
  margin-left: 20px !important;
  margin-right: auto;
}

.ml-20 {
  margin-right: 20px !important;
  margin-left: auto;
}

/* تنظیمات Header و Navbar */
.navbar .nav__item {
  margin-left: 29px;
  margin-right: 0;
}

.navbar .nav__item:last-child {
  margin-left: 0;
}

.navbar .dropdown-toggle {
  padding-left: 20px;
  padding-right: 0;
}

.navbar .dropdown-toggle:after {
  left: 0;
  right: auto;
}

/* تنظیمات فرم‌ها */
.form-control {
  padding: 0 20px 0 0;
}

/* تنظیمات دکمه‌ها */
.btn .icon-arrow-right1 {
  margin-left: 8px;
  margin-right: 0;
}

/* تنظیمات Footer */
.footer .social__icons li {
  margin-left: 9px;
  margin-right: 0;
}

.footer .footer-contact__phone i {
  margin-left: 15px;
  margin-right: 0;
}

/* تنظیمات آیکون‌ها */
.social__icons li {
  margin-left: 20px;
  margin-right: 0;
}

.social__icons li:last-of-type {
  margin-left: 0;
}

/* تنظیمات Breadcrumb */
.breadcrumb-item + .breadcrumb-item::before {
  content: "\f104"; /* تغییر جهت فلش */
  padding-right: 0.5rem;
  padding-left: 0;
}

/* تنظیمات Slider Arrows */
.slick-arrow.slick-next {
  left: 0;
  right: auto;
}

.slick-arrow.slick-prev {
  right: 0;
  left: auto;
}

/* تنظیمات لیست‌های دارای آیکون */
.list-items li {
  padding-right: 32px;
  padding-left: 0;
}

.list-items li:before {
  right: 0;
  left: auto;
}

/* تنظیمات Blog */
.post-item .post-item__meta__cat {
  left: auto;
  right: 0;
  padding-left: 8px;
  padding-right: 8px;
}

/* تنظیمات Widget */
.widget:before {
  left: auto;
  right: 0;
}

.sidebar {
  margin-left: 20px;
  margin-right: 0;
}

/* تنظیمات Comments */
.comments-list .comment__item .comment__avatar {
  right: 0;
  left: auto;
}

.comments-list .comment__item .comment__content {
  padding-right: 90px;
  padding-left: 0;
}

/* تنظیمات Video Button */
.video__btn {
  padding-right: 70px;
  padding-left: 0;
}

.video__btn .video__player {
  right: 0;
  left: auto;
}

/* تنظیمات Portfolio */
.portfolio-filter li {
  margin-left: 30px;
  margin-right: 0;
}

.portfolio-filter li:last-child {
  margin-left: 0;
}

/* تنظیمات Feature Items */
.feature-list-item .feature-item__content {
  padding-right: 32px;
  padding-left: 0;
}

.feature-list-item .feature-item__content:before {
  right: 0;
  left: auto;
}

/* تنظیمات Accordion */
.accordion-item .accordion-item__title {
  padding-left: 25px;
  padding-right: 0;
}

.accordion-item .accordion-item__title:after {
  left: 0;
  right: auto;
}

/* تنظیمات Testimonials */
.testimonials .slider-nav .slick-arrow.slick-next {
  left: -55px;
  right: auto;
}

.testimonials .slider-nav .slick-arrow.slick-prev {
  right: -55px;
  left: auto;
}

/* تنظیمات Pricing */
.pricing-item .pricing-item__list li {
  padding-right: 27px;
  padding-left: 0;
}

.pricing-item .pricing-item__list li:after {
  right: 0;
  left: auto;
}

/* تنظیمات Contact */
.contact-chip .contact-chip__img {
  margin-left: 17px;
  margin-right: 0;
}

/* تنظیمات Work Process */
.process-item:after {
  right: 0;
  left: auto;
}

/* تنظیمات عمومی برای Position */
.text-right {
  text-align: left !important;
}

.text-left {
  text-align: right !important;
}

.float-right {
  float: left !important;
}

.float-left {
  float: right !important;
}

/* تنظیمات Responsive برای موبایل */
@media (max-width: 991px) {
  .navbar .navbar-toggler {
    left: 15px;
    right: auto;
  }
  
  .navbar .nav__item .nav__item-link {
    padding-right: 15px;
    padding-left: 0;
  }
  
  .navbar .nav__item i[data-toggle="dropdown"] {
    left: 15px;
    right: auto;
  }
}
/*  */