/* ==========================================================================
   Arvenel Studio - RTL (Right-to-Left) Stylesheet for Arabic
   ========================================================================== */

/* Self-hosted Tajawal is loaded via fonts.css */

html[dir="rtl"] {
  font-family: 'Tajawal', 'Plus Jakarta Sans', system-ui, sans-serif;
}

[dir="rtl"] .brand-dot {
  margin-left: 0;
  margin-right: 1px;
}

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

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

[dir="rtl"] .custom-dropdown-trigger {
  text-align: right;
}

[dir="rtl"] .custom-dropdown-opt {
  text-align: right;
}

[dir="rtl"] .lang-option-flag {
  margin: 0;
}

[dir="rtl"] .btn:hover .btn-arrow {
  transform: translateX(-4px);
}

[dir="rtl"] .link-all:hover {
  transform: translateX(-3px);
}

[dir="rtl"] .project-card:hover .project-arrow {
  transform: translateX(-4px);
}

[dir="rtl"] .link-arrow:hover .btn-arrow {
  transform: translateX(-4px);
}

[dir="rtl"] .floating-app-card {
  right: auto;
  left: -20px;
}

@media (max-width: 1024px) {
  [dir="rtl"] .floating-app-card {
    right: auto;
    left: 20px;
  }
}