/* RTL stylesheet for MAVE AVL Theme */

body[dir="rtl"] {
  direction: rtl;
  text-align: right;
  font-family: 'Tajawal', Arial, sans-serif;
}
body[dir="rtl"] .container, body[dir="rtl"] .section-header {
  text-align: right;
}
body[dir="rtl"] .hero-section,
body[dir="rtl"] .about-hero-flex,
body[dir="rtl"] .about-hero-grid,
body[dir="rtl"] .about-story-grid,
body[dir="rtl"] .about-team-grid,
body[dir="rtl"] .about-diff-grid,
body[dir="rtl"] .footer-flex {
  flex-direction: row-reverse !important;
  direction: rtl;
}
body[dir="rtl"] .main-nav .menu {
  flex-direction: row-reverse;
}
body[dir="rtl"] .menu-item {
  margin-right: 0;
  margin-left: 20px;
}
body[dir="rtl"] .section-label,
body[dir="rtl"] .section-title,
body[dir="rtl"] .section-description {
  text-align: center;
}
body[dir="rtl"] .btn,
body[dir="rtl"] .btn-primary,
body[dir="rtl"] .btn-outline {
  text-align: right;
}
body[dir="rtl"] .product-card,
body[dir="rtl"] .feature-card,
body[dir="rtl"] .testimonial-card {
  text-align: right;
}
body[dir="rtl"] .footer-info,
body[dir="rtl"] .footer-links,
body[dir="rtl"] .footer-social {
  text-align: right;
}

/* === HOMEPAGE RTL OVERRIDES === */

body[dir="rtl"] .hero-content {
  grid-template-columns: 1fr 1fr;
  direction: rtl;
}
body[dir="rtl"] .hero-left, body[dir="rtl"] .hero-right {
  text-align: right;
}
body[dir="rtl"] .hero-buttons {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
body[dir="rtl"] .btn-primary svg {
  transform: rotate(180deg);
}
body[dir="rtl"] .hero-badge {
  justify-content: flex-end;
}
body[dir="rtl"] .hero-title .title-line,
body[dir="rtl"] .hero-title {
  text-align: right;
}
body[dir="rtl"] .hero-main-image {
  margin-left: 0;
  margin-right: 0;
}
body[dir="rtl"] .floating-card {
  left: -40px;
  right: auto !important;
}
body[dir="rtl"] .analytics-card {
  left: auto;
  right: -30px;
}
body[dir="rtl"] .contact-preview {
  right: auto;
  left: -40px;
}
body[dir="rtl"] .partners-grid {
  grid-template-columns: repeat(6, 1fr);
  direction: rtl;
}
body[dir="rtl"] .partners-label {
  text-align: right;
}
body[dir="rtl"] .about-grid {
  grid-template-columns: 1fr 1fr;
  direction: rtl;
}
body[dir="rtl"] .about-left, body[dir="rtl"] .about-right {
  text-align: right;
}
body[dir="rtl"] .about-images {
  grid-template-columns: 1fr 1fr;
}
body[dir="rtl"] .features-grid {
  grid-template-columns: repeat(4, 1fr);
  direction: rtl;
}
body[dir="rtl"] .feature-card {
  text-align: right;
}
body[dir="rtl"] .products-grid {
  grid-template-columns: repeat(3, 1fr);
  direction: rtl;
}
body[dir="rtl"] .product-card {
  text-align: right;
}
body[dir="rtl"] .client-slider-track {
  flex-direction: row-reverse;
}
body[dir="rtl"] .client-slider-card {
  text-align: right;
}
body[dir="rtl"] .client-slider-arrow.left {
  left: auto;
  right: 0;
}
body[dir="rtl"] .client-slider-arrow.right {
  right: auto;
  left: 0;
}
body[dir="rtl"] .client-slider-title,
body[dir="rtl"] .client-slider-subtitle {
  text-align: center;
}
body[dir="rtl"] .faq-list,
body[dir="rtl"] .faq-item,
body[dir="rtl"] .faq-question,
body[dir="rtl"] .faq-answer {
  text-align: right;
}
body[dir="rtl"] .faq-question {
  flex-direction: row-reverse;
}
body[dir="rtl"] .faq-toggle {
  margin-left: 0;
  margin-right: 12px;
}
body[dir="rtl"] .cta-container, body[dir="rtl"] .cta-content {
  text-align: center;
}
body[dir="rtl"] .cta-section .btn {
  float: none;
}

/* General RTL helpers */
body[dir="rtl"] .section-header, body[dir="rtl"] .section-title, body[dir="rtl"] .section-label, body[dir="rtl"] .section-description {
  text-align: center;
}
body[dir="rtl"] .container {
  direction: rtl;
}
body[dir="rtl"] .main-nav .menu {
  flex-direction: row-reverse;
}
body[dir="rtl"] .menu-item {
  margin-right: 0;
  margin-left: 20px;
}
body[dir="rtl"] .form-field, body[dir="rtl"] input, body[dir="rtl"] textarea {
  text-align: right;
}
body[dir="rtl"] .blog-post-card-content {
  text-align: right;
}

body[dir="rtl"] .footer-menu {
  padding-right: 0;
  padding-left: 0;
}
body[dir="rtl"] .footer-menu li {
  margin-left: 0;
  margin-right: 14px;
}
body[dir="rtl"] .blog-post-card-content {
  text-align: right;
}
body[dir="rtl"] .form-field,
body[dir="rtl"] input,
body[dir="rtl"] textarea {
  text-align: right;
}
body[dir="rtl"] .about-hero-badge,
body[dir="rtl"] .about-hero-title,
body[dir="rtl"] .about-hero-desc {
  text-align: right;
}

/* Add more RTL overrides as needed for your theme sections */