/* RTL Support for Arabic Language */
/* This file overrides LTR styles for RTL layout */

/* Global RTL Styles */
body[dir="rtl"] {
  text-align: right;
  direction: rtl;
}

/* Use Arabic fonts for RTL */
[dir="rtl"] body,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] p,
[dir="rtl"] span,
[dir="rtl"] a,
[dir="rtl"] li {
  font-family: "Cairo", "Tajawal", sans-serif !important;
}

/* Header Styles */
[dir="rtl"] .header-left {
  float: right;
}

[dir="rtl"] .header-right {
  float: left;
}

[dir="rtl"] .quick-links {
  padding-right: 0;
}

[dir="rtl"] .quick-links li {
  margin-left: 25px;
  margin-right: 0;
}

/* Navigation */
[dir="rtl"] .navbar-nav {
  margin-right: auto !important;
  margin-left: 0 !important;
}

[dir="rtl"] .navbar-nav .nav-item {
  margin-right: 0;
  margin-left: 35px;
}

[dir="rtl"] .navbar-brand {
  margin-left: auto;
  margin-right: 0;
}

/* Icons */
[dir="rtl"] .bx,
[dir="rtl"] .flaticon {
  margin-left: 8px;
  margin-right: 0;
}

[dir="rtl"] i.bx-right-arrow {
  transform: rotate(180deg);
}

[dir="rtl"] i.bx-caret-right {
  transform: rotate(180deg);
}

/* Language Switcher */
.lang-switcher {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  margin-right: 15px;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.lang-switcher:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  text-decoration: none;
}

.lang-switcher i {
  font-size: 18px;
}

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

/* Button Groups */
[dir="rtl"] .btn-group {
  direction: rtl;
}

[dir="rtl"] .btn-group .primary-btn,
[dir="rtl"] .btn-group .video-btn,
[dir="rtl"] .btn-group .btn-text {
  margin-left: 0;
  margin-right: 20px;
}

[dir="rtl"] .btn-group .btn-text {
  margin-right: 0;
}

/* Content Alignment */
[dir="rtl"] .banner-content,
[dir="rtl"] .about-content,
[dir="rtl"] .content {
  text-align: right;
}

[dir="rtl"] .content-list {
  padding-right: 0;
  padding-left: 0;
}

[dir="rtl"] .content-list i {
  margin-left: 10px;
  margin-right: 0;
}

/* Columns */
[dir="rtl"] .col-lg-6.ms-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Lists */
[dir="rtl"] ul {
  padding-right: 0;
  padding-left: 0;
}

[dir="rtl"] ol {
  padding-right: 20px;
  padding-left: 0;
}

/* Blockquote */
[dir="rtl"] blockquote {
  border-right: 3px solid #007bff;
  border-left: none;
  padding-right: 20px;
  padding-left: 0;
  text-align: right;
}

/* Cards and Items */
[dir="rtl"] .item-single {
  text-align: right;
}

[dir="rtl"] .item-single .content {
  text-align: right;
}

[dir="rtl"] .item-single .cta-btn {
  text-align: right;
}

/* Testimonials */
[dir="rtl"] .testimonial-slider .client {
  direction: rtl;
}

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

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

[dir="rtl"] .review {
  justify-content: flex-end;
}

/* Quote Icon */
[dir="rtl"] .quote {
  right: auto;
  left: 0;
}

/* Top Content Sections */
[dir="rtl"] .top-content {
  text-align: right;
}

[dir="rtl"] .top-content .title {
  text-align: right;
}

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

/* Flexbox Corrections */
[dir="rtl"] .d-flex {
  direction: rtl;
}

[dir="rtl"] .justify-content-start {
  justify-content: flex-end !important;
}

[dir="rtl"] .justify-content-end {
  justify-content: flex-start !important;
}

[dir="rtl"] .text-left {
  text-align: right !important;
}

[dir="rtl"] .text-right {
  text-align: left !important;
}

[dir="rtl"] .mr-auto,
[dir="rtl"] .mx-auto {
  margin-right: 0 !important;
}

[dir="rtl"] .ml-auto {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Float Corrections */
[dir="rtl"] .float-left {
  float: right !important;
}

[dir="rtl"] .float-right {
  float: left !important;
}

/* Padding/Margin RTL Adjustments */
[dir="rtl"] .pr-0 {
  padding-right: 0 !important;
  padding-left: inherit !important;
}

[dir="rtl"] .pl-0 {
  padding-left: 0 !important;
  padding-right: inherit !important;
}

[dir="rtl"] .mr-0 {
  margin-right: 0 !important;
  margin-left: inherit !important;
}

[dir="rtl"] .ml-0 {
  margin-left: 0 !important;
  margin-right: inherit !important;
}

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

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

/* Arrows and Navigation Icons */
[dir="rtl"] .owl-carousel .owl-nav button.owl-prev {
  left: auto;
  right: 0;
}

[dir="rtl"] .owl-carousel .owl-nav button.owl-next {
  right: auto;
  left: 0;
}

/* WhatsApp Button Position */
[dir="rtl"] .whatsapp-btn {
  left: 20px;
  right: auto;
}

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

/* Breadcrumbs */
[dir="rtl"] .breadcrumb {
  padding-right: 0;
  padding-left: 0;
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
  content: "/";
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
  [dir="rtl"] .mean-container .mean-nav {
    float: right;
  }

  [dir="rtl"] .main-responsive-menu {
    direction: rtl;
  }

  [dir="rtl"] .logo {
    float: right;
  }
}

/* Bootstrap Grid RTL Fix */
[dir="rtl"] .row {
  margin-right: -15px;
  margin-left: -15px;
}

[dir="rtl"] .col,
[dir="rtl"] [class*="col-"] {
  padding-right: 15px;
  padding-left: 15px;
}

/* Animation Direction Fix */
[dir="rtl"] .animate__animated.animate__fadeInLeft {
  animation-name: fadeInRight;
}

[dir="rtl"] .animate__animated.animate__fadeInRight {
  animation-name: fadeInLeft;
}

/* Container Alignment */
[dir="rtl"] .container,
[dir="rtl"] .container-fluid {
  direction: rtl;
}

/* Sub-title and Span Elements */
[dir="rtl"] .sub-title {
  text-align: right;
}

/* Additional Typography Adjustments */
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
  text-align: right;
  font-weight: 700;
  line-height: 1.4;
}

[dir="rtl"] p {
  text-align: right;
  line-height: 1.8;
}

/* Ensure proper alignment for all sections */
[dir="rtl"] section {
  direction: rtl;
}

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