/* ============================================
   DABAN SURFACES - RTL (Right-to-Left) Stylesheet
   For Arabic language support
   ============================================ */

/* Base RTL adjustments */
[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

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

[dir="rtl"] .nav-links {
  flex-direction: row-reverse;
}

[dir="rtl"] .nav-links a {
  margin-left: 0;
  margin-right: 1.5rem;
}

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

[dir="rtl"] .mobile-toggle {
  left: auto;
  right: auto;
}

/* Hero Section RTL */
[dir="rtl"] .hero-content {
  text-align: right;
}

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

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

[dir="rtl"] .hero-stats {
  flex-direction: row-reverse;
}

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

/* Section Headers RTL */
[dir="rtl"] .section-header {
  text-align: right;
}

[dir="rtl"] .subtitle::before {
  margin-right: 0;
  margin-left: 1rem;
}

/* Category Cards RTL */
[dir="rtl"] .category-card {
  text-align: right;
}

[dir="rtl"] .category-link {
  flex-direction: row-reverse;
}

[dir="rtl"] .category-link::after {
  content: '←';
  margin-left: 0;
  margin-right: 0.5rem;
  transform: rotate(180deg);
}

[dir="rtl"] .category-link::before {
  content: none;
}

/* Application Grid RTL */
[dir="rtl"] .application-category h3 svg {
  margin-right: 0;
  margin-left: 0.75rem;
}

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

/* Feature Cards RTL */
[dir="rtl"] .feature-card {
  text-align: right;
}

[dir="rtl"] .feature-icon {
  margin-left: 0;
  margin-right: 0;
}

/* Product Cards RTL */
[dir="rtl"] .product-card {
  text-align: right;
}

[dir="rtl"] .product-badge {
  left: auto;
  right: 1rem;
}

[dir="rtl"] .product-link {
  flex-direction: row-reverse;
}

[dir="rtl"] .product-link::after {
  content: '←';
  transform: rotate(180deg);
  margin-left: 0;
  margin-right: 0.5rem;
}

/* Solution Cards RTL */
[dir="rtl"] .solution-card {
  text-align: right;
}

[dir="rtl"] .solution-icon {
  margin-left: 0;
  margin-right: 0;
}

/* Timeline RTL */
[dir="rtl"] .timeline::before {
  left: auto;
  right: 50%;
}

[dir="rtl"] .timeline-item {
  padding-left: 0;
  padding-right: calc(50% + 2rem);
}

[dir="rtl"] .timeline-item::before {
  left: auto;
  right: calc(50% - 6px);
}

[dir="rtl"] .timeline-item:nth-child(even) {
  padding-left: 0;
  padding-right: calc(50% + 2rem);
}

/* Stats Grid RTL */
[dir="rtl"] .stats-grid {
  direction: rtl;
}

/* Certifications Grid RTL */
[dir="rtl"] .cert-grid {
  direction: rtl;
}

/* Contact Form RTL */
[dir="rtl"] .contact-form label {
  text-align: right;
}

[dir="rtl"] .form-group input,
[dir="rtl"] .form-group select,
[dir="rtl"] .form-group textarea {
  text-align: right;
}

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

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

[dir="rtl"] .social-links {
  justify-content: flex-start;
}

/* Breadcrumb RTL */
[dir="rtl"] .breadcrumb {
  flex-direction: row-reverse;
}

[dir="rtl"] .breadcrumb span::before {
  content: '←';
  margin-left: 0.5rem;
  margin-right: 0;
}

/* Page Header RTL */
[dir="rtl"] .page-header .container {
  text-align: right;
}

/* Buttons RTL */
[dir="rtl"] .btn {
  direction: rtl;
}

/* Modal RTL */
[dir="rtl"] .modal-content {
  text-align: right;
}

[dir="rtl"] .modal-close {
  left: 1rem;
  right: auto;
}

/* Language Banner RTL */
[dir="rtl"] #lang-banner .lang-banner-content {
  flex-direction: row-reverse;
}

[dir="rtl"] #lang-banner .lang-banner-dismiss {
  margin-left: 0;
  margin-right: auto;
}

/* Language Switcher RTL */
[dir="rtl"] .lang-switcher-dropdown {
  left: auto;
  right: 0;
}

[dir="rtl"] .lang-switcher-item {
  flex-direction: row-reverse;
  text-align: right;
}

/* WhatsApp Button RTL */
[dir="rtl"] .whatsapp-btn {
  left: 1.5rem;
  right: auto;
}

/* Back to Top RTL */
[dir="rtl"] .back-to-top {
  left: 1.5rem;
  right: auto;
}

/* Filters Section RTL */
[dir="rtl"] .filters-grid {
  direction: rtl;
}

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

/* Form validation message */
[dir="rtl"] .form-error {
  text-align: right;
}

/* Success message */
[dir="rtl"] .form-success {
  text-align: right;
}

/* FAQ Section RTL */
[dir="rtl"] .faq-item {
  text-align: right;
}

[dir="rtl"] .faq-question {
  flex-direction: row-reverse;
  padding-left: 3rem;
  padding-right: 1.5rem;
}

[dir="rtl"] .faq-icon {
  left: 1.5rem;
  right: auto;
}

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

[dir="rtl"] .testimonial-author {
  flex-direction: row-reverse;
}

/* CTA Section RTL */
[dir="rtl"] .cta-content {
  text-align: right;
}

/* Table RTL */
[dir="rtl"] table {
  text-align: right;
}

/* Icons direction fix for RTL */
[dir="rtl"] .feature-icon svg,
[dir="rtl"] .category-icon svg,
[dir="rtl"] .solution-icon svg {
  transform: scaleX(-1);
}

/* Sliders RTL */
[dir="rtl"] .products-slider {
  direction: rtl;
}

/* Grid layouts RTL */
[dir="rtl"] .about-content,
[dir="rtl"] .features-grid,
[dir="rtl"] .categories-grid,
[dir="rtl"] .application-grid,
[dir="rtl"] .projects-grid,
[dir="rtl"] .solutions-grid,
[dir="rtl"] .cert-grid,
[dir="rtl"] .stats-grid,
[dir="rtl"] .footer-grid {
  direction: rtl;
}
