/* =============================================================================
   SILVER AUTO ELECTRIC AND AC REPAIRING — DOHA, QATAR
   Arabic Right-to-Left (RTL) Stylesheet
   ============================================================================= */

html[dir="rtl"] {
  --font-primary: var(--font-ar);
}

html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: var(--font-ar);
}

/* Typography Adjustments */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] .section-title,
html[dir="rtl"] .hero-title,
html[dir="rtl"] .page-hero-title {
  font-family: 'Cairo', 'Tajawal', sans-serif;
  letter-spacing: 0;
}

/* Topbar RTL */
html[dir="rtl"] .topbar-left {
  flex-direction: row-reverse;
}

html[dir="rtl"] .topbar-item {
  flex-direction: row;
}

/* Header & Mobile Drawer RTL */
html[dir="rtl"] .mobile-nav-drawer {
  right: auto;
  left: -100%;
  transition: left var(--transition-normal);
  box-shadow: 10px 0 30px rgba(0, 0, 0, 0.5);
}

html[dir="rtl"] .mobile-nav-drawer.open {
  right: auto;
  left: 0;
}

/* Hero & Badges RTL */
html[dir="rtl"] .hero-badge-tag {
  letter-spacing: 0;
}

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

html[dir="rtl"] .welcome-badge-float {
  left: auto;
  right: 24px;
  text-align: right;
}

/* Service Cards RTL */
html[dir="rtl"] .service-card-badge {
  left: auto;
  right: 14px;
}

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

/* Features RTL */
html[dir="rtl"] .feature-box {
  text-align: right;
}

/* Timeline RTL */
html[dir="rtl"] .timeline-step {
  text-align: right;
}

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

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

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

html[dir="rtl"] .contact-info-panel {
  text-align: right;
}

html[dir="rtl"] .contact-info-card {
  flex-direction: row;
}

/* FAQ Accordion RTL */
html[dir="rtl"] .faq-question-btn {
  text-align: right;
}

html[dir="rtl"] .faq-answer-inner {
  text-align: right;
}

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

html[dir="rtl"] .footer-col-title::after {
  left: auto;
  right: 0;
}

html[dir="rtl"] .footer-nav-list a:hover {
  transform: translateX(-4px);
}

/* Floating WhatsApp in RTL */
html[dir="rtl"] .floating-whatsapp-btn {
  right: 20px;
  left: auto;
}

html[dir="rtl"] .whatsapp-tooltip {
  right: 72px;
  left: auto;
}

/* Flip directional arrows */
html[dir="rtl"] .icon-directional {
  transform: scaleX(-1);
}