/* 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;
  /* stronger background to ensure white text is visible */
  background-color: rgba(0, 0, 0, 0.35);
  color: #fff !important;
  border-radius: 5px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.lang-switcher:hover {
  background-color: rgba(0, 0, 0, 0.55);
  color: #fff !important;
  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 - RTL Layout Fixes */
[dir="rtl"] .testimonials-section {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Ensure testimonial slider is visible */
[dir="rtl"] .testimonials-section .testimonial-slider {
  display: block !important;
}

[dir="rtl"] .testimonials-section .testimonial-slider.owl-hidden {
  display: block !important;
}

/* Fix client layout in RTL */
[dir="rtl"] .testimonials-section .testimonial-slider .slider-item .client {
  direction: rtl;
  flex-direction: row !important;
  align-items: center !important;
}

[dir="rtl"] .testimonials-section .testimonial-slider .slider-item .client .client-img {
  margin-left: 15px;
  margin-right: 0;
  order: 2;
}

[dir="rtl"] .testimonials-section .testimonial-slider .slider-item .client .client-info {
  order: 1;
  text-align: right;
  flex: 1;
}

[dir="rtl"] .testimonials-section .testimonial-slider .slider-item .client .client-info h5 {
  text-align: right;
}

[dir="rtl"] .testimonials-section .testimonial-slider .slider-item .client .client-info span {
  text-align: right;
  display: block;
}

[dir="rtl"] .testimonials-section .testimonial-slider .slider-item .client .review {
  justify-content: flex-end;
  display: flex;
  margin-top: 5px;
}

/* Fix content alignment */
[dir="rtl"] .testimonials-section .testimonial-slider .slider-item .content {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] .testimonials-section .testimonial-slider .slider-item .content p {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] .testimonials-section .testimonial-slider .slider-item .content q {
  display: block;
  text-align: right;
}

/* Quote Icon */
[dir="rtl"] .testimonials-section .testimonial-slider .slider-item .content .quote {
  text-align: right;
  direction: rtl;
}

[dir="rtl"] .testimonials-section .testimonial-slider .slider-item .content .quote i {
  display: inline-block;
  text-align: right;
}

/* 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;
  }

  /* Move menu icon to left for Arabic mobile */
  [dir="rtl"] .main-responsive-nav .mean-container a.meanmenu-reveal {
    position: absolute;
    left: 15px !important;
    right: auto !important;
  }

  [dir="rtl"] .main-responsive-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

/* 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;
}

/* Phone Number and Email - Keep LTR direction */
[dir="rtl"] a[href^="tel:"],
[dir="rtl"] .phone-number,
[dir="rtl"] a[href^="mailto:"],
[dir="rtl"] .email-address {
  direction: ltr;
  unicode-bidi: bidi-override;
  display: inline-block;
}