/* ============================================
   AL KULAIB INTERNATIONAL - RTL STYLES
   Arabic Language Support
   ============================================ */

/* === BASE RTL OVERRIDES === */
[dir="rtl"] {
  font-family: var(--font-ar);
  direction: rtl;
  text-align: right;
}

[dir="rtl"] * {
  letter-spacing: 0 !important;
}

/* === HEADER / NAV ===
   Note: flex default `row` already flows right-to-left when html[dir=rtl].
   Do NOT add flex-direction: row-reverse here — it double-flips back to LTR. */

[dir="rtl"] .nav-link .arrow {
  margin-left: 0;
  margin-right: var(--space-1);
}

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

[dir="rtl"] .dropdown-link:hover {
  padding-left: var(--space-6);
  padding-right: var(--space-8);
}

/* === MOBILE NAV === */
[dir="rtl"] .nav-mobile {
  right: auto;
  left: -100%;
}

[dir="rtl"] .nav-mobile.active {
  left: 0;
}

[dir="rtl"] .menu-toggle {
  order: -1;
}

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

[dir="rtl"] .hero-decoration {
  right: auto;
  left: -5%;
}

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

/* === SECTION HEADERS === */
[dir="rtl"] .section-subtitle::before {
  right: auto;
  left: calc(100% + 12px);
}

[dir="rtl"] .section-subtitle::after {
  left: auto;
  right: calc(100% + 12px);
}

/* === ABOUT === */
[dir="rtl"] .about-grid {
  direction: rtl;
}

[dir="rtl"] .about-content .section-subtitle,
[dir="rtl"] .about-content .section-title {
  text-align: right;
}

[dir="rtl"] .about-image-wrapper::before {
  left: auto;
  right: -20px;
  border-left: none;
  border-right: 4px solid var(--color-accent-gold);
}

[dir="rtl"] .about-image-wrapper::after {
  right: auto;
  left: -20px;
  border-right: none;
  border-left: 4px solid var(--color-accent-red);
}

[dir="rtl"] .about-experience-badge {
  right: auto;
  left: -30px;
}

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

/* === STATS === */
[dir="rtl"] .stat-item:not(:last-child)::after {
  right: auto;
  left: 0;
}

/* === SERVICE CARDS === */
[dir="rtl"] .service-card-icon {
  left: auto;
  right: var(--space-6);
}

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

[dir="rtl"] .service-card-link i {
  transform: rotate(180deg);
}

/* === SCOPE ITEMS === */
[dir="rtl"] .scope-item {
  flex-direction: row-reverse;
  border-left: 3px solid var(--color-accent-gold);
  border-right: none;
}

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

/* === FOOTER === */
[dir="rtl"] .footer-title::after {
  left: auto;
  right: 0;
}

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

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

[dir="rtl"] .footer-links a i {
  transform: rotate(180deg);
}

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

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

/* === TIMELINE === */
[dir="rtl"] .timeline-item:nth-child(odd) {
  flex-direction: row;
  text-align: left;
}

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

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

/* === CONTACT === */
[dir="rtl"] .contact-info-card {
  text-align: center;
}

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

/* === WHATSAPP / BACK TO TOP === */
[dir="rtl"] .whatsapp-btn {
  right: auto;
  left: 30px;
}

[dir="rtl"] .back-to-top {
  right: auto;
  left: 30px;
}

/* === PROGRESS BAR === */
[dir="rtl"] .progress-bar {
  left: auto;
  right: 0;
}

/* === PROJECT CARDS === */
[dir="rtl"] .project-card-overlay {
  text-align: right;
}

/* === CERT CARDS === */
[dir="rtl"] .cert-card {
  text-align: center;
}

/* === CLIENTS CAROUSEL === */
[dir="rtl"] .clients-track {
  animation-direction: reverse;
}

/* === GALLERY === */
[dir="rtl"] .filter-bar {
  direction: rtl;
}

/* === LANGUAGE SWITCHER === */
.lang-switch {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-left: var(--space-4);
}

[dir="rtl"] .lang-switch {
  margin-left: 0;
  margin-right: var(--space-4);
}

.lang-btn {
  padding: var(--space-1) var(--space-3);
  font-size: var(--text-xs);
  font-weight: var(--weight-semibold);
  color: rgba(255,255,255,0.6);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: var(--radius-sm);
  text-transform: uppercase;
  transition: all var(--transition-base);
  text-decoration: none;
  cursor: pointer;
  background: transparent;
}

.lang-btn:hover {
  color: var(--color-accent-gold);
  border-color: var(--color-accent-gold);
}

.lang-btn.active {
  color: var(--color-primary);
  background-color: var(--color-accent-gold);
  border-color: var(--color-accent-gold);
}

/* === RTL RESPONSIVE === */
@media (max-width: 768px) {
  [dir="rtl"] .about-experience-badge {
    left: 20px;
  }

  [dir="rtl"] .whatsapp-btn {
    left: 20px;
    right: auto;
  }

  [dir="rtl"] .back-to-top {
    left: 20px;
    right: auto;
  }
}