/* rtl-support.css - RTL and language-specific styles */

/* RTL Layout Adjustments */
html[dir="rtl"] {
  direction: rtl;
}

html[dir="rtl"] body {
  text-align: right;
}

/* Navigation RTL */
html[dir="rtl"] .nav-links {
  flex-direction: row-reverse;
}

html[dir="rtl"] .nav-link {
  margin-left: 2rem;
  margin-right: 0;
}

html[dir="rtl"] .language-dropdown,
html[dir="rtl"] .user-dropdown {
  margin-left: 0;
  margin-right: 1rem;
}

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

/* Story Cards RTL */
html[dir="rtl"] .story-link span::after {
  content: "←";
  margin-right: 0.5rem;
  margin-left: 0;
}

/* About Section RTL */
html[dir="rtl"] .about-grid {
  direction: rtl;
}

/* Footer RTL */
html[dir="rtl"] .footer-grid {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] .footer-social {
  flex-direction: row-reverse;
}

/* Arabic Font Support */
html[lang="ar"] {
  font-family: 'Cairo', 'Tajawal', 'Amiri', Arial, sans-serif;
}

html[lang="ar"] .nav-logo,
html[lang="ar"] .footer-logo,
html[lang="ar"] .section-title {
  font-family: 'Vogue', 'Cairo', 'Tajawal', serif;
}

/* French Font Support (uses default fonts) */
html[lang="fr"] {
  font-family: 'Inter', 'Playfair Display', serif;
}

/* Language Dropdown Active State */
.dropdown-item[data-lang].active {
  background-color: rgba(0, 0, 0, 0.05);
  font-weight: 600;
}

/* Smooth transitions for language changes */
[data-i18n] {
  transition: opacity 0.2s ease;
}

/* Mobile Navigation RTL */
html[dir="rtl"] .mobile-nav {
  text-align: right;
}

html[dir="rtl"] .mobile-user-link {
  text-align: right;
}

/* Carousel RTL */
html[dir="rtl"] .carousel-btn.carousel-prev {
  left: auto;
  right: -3rem;
}

html[dir="rtl"] .carousel-btn.carousel-next {
  right: auto;
  left: -3rem;
}

/* Newsletter Form RTL */
html[dir="rtl"] .newsletter-form {
  flex-direction: row-reverse;
}

html[dir="rtl"] .newsletter-input {
  text-align: right;
  border-radius: 0 8px 8px 0;
}

/* Testimonials RTL */
html[dir="rtl"] .testimonial-text {
  text-align: right;
}

html[dir="rtl"] .testimonial-author {
  text-align: right;
}

/* Slider buttons RTL */
html[dir="rtl"] .slider-prev {
  left: auto;
  right: 2rem;
}

html[dir="rtl"] .slider-next {
  right: auto;
  left: 2rem;
}