/*
RTL Styles for Arabic Language Support
This file contains RTL-specific overrides for the Bazoband theme
*/

/* Base RTL Direction */
body.rtl {
  direction: rtl;
  text-align: right;
}

/* Header RTL */
.rtl header {
  direction: rtl;
}

/* Navigation RTL */
.rtl nav {
  direction: rtl;
}

/* Main Content RTL */
.rtl main {
  direction: rtl;
}

/* Text Alignment RTL */
.rtl h1,
.rtl h2,
.rtl h3,
.rtl h4,
.rtl h5,
.rtl h6,
.rtl p {
  text-align: right;
}

/* Flexbox Direction RTL */
.rtl .flex {
  flex-direction: row-reverse;
}

/* Specific Component RTL Overrides */

/* Hero Section */
.rtl .hero-video-container {
  direction: rtl;
}

/* Trusted Partner Section */
.rtl .your-trusted-partner .grid {
  direction: rtl;
}

/* Featured Products */
.rtl .featured-products .grid {
  direction: rtl;
}

/* Locations Grid */
.rtl .locations-grid {
  direction: rtl;
}

/* About Section */
.rtl .about-us {
  direction: rtl;
}

/* Visit Us Section */
.rtl .visit-us {
  direction: rtl;
}

/* Icon and Text Combinations */
.rtl .flex.items-start.gap-4 {
  flex-direction: row-reverse;
}

/* Location Cards */
.rtl .bg-white.rounded-lg.shadow-md {
  direction: rtl;
}

/* Form Elements */
.rtl input,
.rtl textarea,
.rtl select {
  text-align: right;
}

/* Margins and Padding RTL */
.rtl .mr-2 {
  margin-right: 0;
  margin-left: 0.5rem;
}

.rtl .ml-2 {
  margin-left: 0;
  margin-right: 0.5rem;
}

.rtl .pr-4 {
  padding-right: 0;
  padding-left: 1rem;
}

.rtl .pl-4 {
  padding-left: 0;
  padding-right: 1rem;
}

/* Specific Location Details */
.rtl .text-center .flex.items-center.justify-center svg + a,
.rtl .text-center .flex.items-center.justify-center svg + p {
  margin-right: 0;
  margin-left: 0.5rem;
}

/* Contact Form RTL */
.rtl form {
  direction: rtl;
}

.rtl .contact-form input,
.rtl .contact-form textarea {
  text-align: right;
}

/* Button Directions */
.rtl .swiper-button-next {
  right: auto;
  left: 10px;
}

.rtl .swiper-button-prev {
  left: auto;
  right: 10px;
}

/* Hero Video Fallback */
.rtl #hero-video-fallback {
  direction: rtl;
}

/* Project Popup RTL */
.rtl #project-popup {
  direction: rtl;
}

.rtl #project-popup .grid {
  direction: rtl;
}

/* Responsive RTL Adjustments */
@media (max-width: 767px) {
  .rtl .locations-grid {
    direction: rtl;
  }
}