/* ================================================================
   SMARTTECH KITCHEN SOLUTIONS — RTL / ARABIC OVERRIDES
   rtl.css | Right-to-left language support
   ================================================================ */

/* Activated when body has lang="ar" or lang="ur" */
[lang="ar"], [lang="ur"] {
  direction: rtl;
  font-family: var(--font-arabic);
}

/* ---- Header ---- */
[lang="ar"] .header-inner,
[lang="ur"] .header-inner {
  flex-direction: row-reverse;
}

[lang="ar"] .header-logo,
[lang="ur"] .header-logo {
  flex-direction: row-reverse;
}

[lang="ar"] .header-actions,
[lang="ur"] .header-actions {
  flex-direction: row-reverse;
}

/* ---- Section Eyebrow ---- */
[lang="ar"] .section-eyebrow,
[lang="ur"] .section-eyebrow {
  flex-direction: row-reverse;
}

[lang="ar"] .section-eyebrow::before,
[lang="ur"] .section-eyebrow::before {
  display: none;
}

[lang="ar"] .section-eyebrow::after,
[lang="ur"] .section-eyebrow::after {
  content: '';
  display: block;
  width: 28px;
  height: 2px;
  background: var(--gradient-primary);
  border-radius: var(--radius-full);
}

/* ---- Footer ---- */
[lang="ar"] .footer-col-title::after,
[lang="ur"] .footer-col-title::after {
  left: auto;
  right: 0;
}

[lang="ar"] .footer-links a,
[lang="ur"] .footer-links a {
  flex-direction: row-reverse;
}

[lang="ar"] .footer-links a::before,
[lang="ur"] .footer-links a::before {
  content: '‹';
}

/* ---- USP Cards ---- */
[lang="ar"] .usp-card,
[lang="ur"] .usp-card {
  flex-direction: row-reverse;
}

/* ---- Service Cards ---- */
[lang="ar"] .service-link,
[lang="ur"] .service-link {
  flex-direction: row-reverse;
}

/* ---- Process Steps ---- */
[lang="ar"] .process-grid::before,
[lang="ur"] .process-grid::before {
  background: linear-gradient(270deg, var(--color-primary-light), rgba(37,99,235,0.20));
}

/* ---- Hero ---- */
[lang="ar"] .hero-eyebrow,
[lang="ur"] .hero-eyebrow {
  flex-direction: row-reverse;
}

[lang="ar"] .hero-typewriter-wrap,
[lang="ur"] .hero-typewriter-wrap {
  flex-direction: row-reverse;
}

[lang="ar"] .hero-badge,
[lang="ur"] .hero-badge {
  flex-direction: row-reverse;
}

/* ---- Contact Info Items ---- */
[lang="ar"] .contact-info-item,
[lang="ur"] .contact-info-item {
  flex-direction: row-reverse;
  text-align: right;
}

/* ---- Review Author ---- */
[lang="ar"] .review-author,
[lang="ur"] .review-author {
  flex-direction: row-reverse;
}

/* ---- FAQ ---- */
[lang="ar"] .faq-question,
[lang="ur"] .faq-question {
  flex-direction: row-reverse;
}

/* ---- Lang Dropdown ---- */
[lang="ar"] .lang-dropdown,
[lang="ur"] .lang-dropdown {
  right: auto;
  left: 0;
}

/* ---- Form ---- */
[lang="ar"] .form-label,
[lang="ur"] .form-label {
  text-align: right;
}

[lang="ar"] .form-input,
[lang="ar"] .form-textarea,
[lang="ar"] .form-select,
[lang="ur"] .form-input,
[lang="ur"] .form-textarea,
[lang="ur"] .form-select {
  text-align: right;
}

/* ---- Mobile Nav ---- */
[lang="ar"] .mobile-nav a,
[lang="ur"] .mobile-nav a {
  font-family: var(--font-arabic);
}

/* ---- Floating Buttons RTL ---- */
[lang="ar"] .floating-buttons,
[lang="ur"] .floating-buttons {
  right: auto;
  left: var(--space-5);
  align-items: flex-start;
}

/* ---- Brand marquee direction ---- */
[lang="ar"] .marquee-track,
[lang="ur"] .marquee-track {
  animation-direction: reverse;
}

/* ---- Stat items text ---- */
[lang="ar"] .stat-item,
[lang="ur"] .stat-item {
  font-family: var(--font-arabic);
}

/* ---- Industry ---- */
[lang="ar"] .industry-name,
[lang="ur"] .industry-name {
  font-family: var(--font-arabic);
}

/* ---- Emergency Banner ---- */
[lang="ar"] .emergency-badge,
[lang="ur"] .emergency-badge {
  flex-direction: row-reverse;
}

/* ---- Hero Stats ---- */
[lang="ar"] .hero-stat + .hero-stat::before,
[lang="ur"] .hero-stat + .hero-stat::before {
  left: auto;
  right: 0;
}

/* Typography adjustments for Arabic */
[lang="ar"] .hero-headline,
[lang="ur"] .hero-headline {
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: 1.2;
  letter-spacing: 0;
}

[lang="ar"] .section-title,
[lang="ur"] .section-title {
  letter-spacing: 0;
}

[lang="ar"] .section-eyebrow,
[lang="ur"] .section-eyebrow {
  letter-spacing: 0;
}
