/* ============================================
   Le Château Blanc - RTL Stylesheet
   Arabic language support and RTL overrides
   ============================================ */

[dir="rtl"] {
  /* Typography adjustments for Arabic */
  --font-body: var(--font-body-ar);
}

[dir="rtl"] body {
  font-family: var(--font-body-ar);
  letter-spacing: 0;
}

[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] .display-font {
  font-family: var(--font-display-ar);
  letter-spacing: 0;
}

/* Header RTL */
/* Remove flex-direction reversal - let natural RTL handle it */

[dir="rtl"] .nav__link {
  letter-spacing: 0;
}


/* Logo RTL */
[dir="rtl"] .logo__main {
  letter-spacing: 0.15em;
}

/* Navigation Link Underline */
[dir="rtl"] .nav__link::after {
  left: auto;
  right: 0;
}

/* Section Label */
[dir="rtl"] .section-label {
  flex-direction: row-reverse;
}

/* Hero RTL */
[dir="rtl"] .hero__title {
  letter-spacing: 0;
}

[dir="rtl"] .hero__badge {
  letter-spacing: 0.1em;
}

/* About Section RTL */
[dir="rtl"] .about__grid {
  direction: rtl;
}

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

[dir="rtl"] .about__features {
  direction: rtl;
}

[dir="rtl"] .about__feature {
  direction: rtl;
  text-align: right;
}

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

/* Value Cards RTL */
[dir="rtl"] .value-card::before {
  transform-origin: right;
}

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

[dir="rtl"] .service-card__number {
  right: auto;
  left: var(--space-md);
}

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

[dir="rtl"] .footer__nav,
[dir="rtl"] .footer__contact {
  text-align: right;
}

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

[dir="rtl"] .footer__link:hover {
  transform: translateX(-5px);
}

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

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

[dir="rtl"] .footer__social {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

/* Timeline RTL */
[dir="rtl"] .timeline {
  padding-left: 0;
  padding-right: var(--space-xl);
}

[dir="rtl"] .timeline::before {
  left: auto;
  right: 0;
}

[dir="rtl"] .timeline__dot {
  left: auto;
  right: calc(-1 * var(--space-xl) - 4px);
}

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

[dir="rtl"] .contact-info__label,
[dir="rtl"] .contact-info__value {
  text-align: right;
}

/* Mobile Nav RTL */
[dir="rtl"] .mobile-nav {
  transform: translateX(100%);
}

[dir="rtl"] .mobile-nav.active {
  transform: translateX(0);
}

[dir="rtl"] .mobile-nav__close {
  right: auto;
  left: var(--space-lg);
}

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

/* General Text Alignment */
[dir="rtl"] .about__text,
[dir="rtl"] .service-card__text,
[dir="rtl"] .footer__text {
  text-align: right;
}

/* Center-aligned sections remain centered */
[dir="rtl"] .text-center,
[dir="rtl"] .hero__content,
[dir="rtl"] .hero__subtitle,
[dir="rtl"] .values__header,
[dir="rtl"] .values__subtitle,
[dir="rtl"] .services__header,
[dir="rtl"] .services__subtitle,
[dir="rtl"] .sectors__header,
[dir="rtl"] .partners__header,
[dir="rtl"] .cta__content,
[dir="rtl"] .page-header,
[dir="rtl"] .value-card,
[dir="rtl"] .value-card__text,
[dir="rtl"] .value-card p,
[dir="rtl"] .cta__text,
[dir="rtl"] .cta__content p,
[dir="rtl"] .cta p,
[dir="rtl"] .cta .cta__text {
  text-align: center;
}

/* Grid Direction */
[dir="rtl"] .values__grid,
[dir="rtl"] .services__grid,
[dir="rtl"] .sectors__grid,
[dir="rtl"] .partners__grid,
[dir="rtl"] .content-grid {
  direction: rtl;
}

/* Arabic-specific adjustments */
[dir="rtl"] .hero__title-ar {
  font-size: 0.6em;
}

/* Ensure proper alignment for mixed content */
[dir="rtl"] .contact-info__value {
  text-align: right;
}

/* Fix flex gap direction issues */
[dir="rtl"] .hero__cta {
  flex-direction: row-reverse;
}

@media (max-width: 768px) {
  [dir="rtl"] .hero__cta {
    flex-direction: column;
  }

  [dir="rtl"] .footer__main {
    text-align: center;
  }

  [dir="rtl"] .footer__contact-item {
    justify-content: center;
  }
}