/* ============================================
   RTL (Right-to-Left) Support for Arabic
   LIKUIDIA - Arabic Language Styles
   ============================================ */

/* Arabic Font Application with Tajawal */
html[lang="ar"],
html[dir="rtl"] {
  font-family: 'Tajawal', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

html[lang="ar"] body,
html[dir="rtl"] body {
  font-family: 'Tajawal', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  font-family: 'Tajawal', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 700;
}

/* RTL Text Direction */
html[dir="rtl"] {
  direction: rtl;
}

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

/* RTL Layout Adjustments */
html[dir="rtl"] .section {
  text-align: right;
}

/* RTL Navigation Adjustments */
html[dir="rtl"] .nav-link {
  text-align: center;
}

/* RTL Animation Origin Adjustments - for underline animations */
html[dir="rtl"] .origin-left {
  transform-origin: right;
}

/* RTL Gradient Adjustments for metal borders */
html[dir="rtl"] .metal-border-animate {
  background: linear-gradient(#000, #000) padding-box,
        linear-gradient(-90deg, #A8A8A8, #F5F5F5, #E5E5E5, #F5F5F5, #A8A8A8) border-box;
  background-size: 300% 100%;
}

/* RTL Flex Direction Adjustments */
html[dir="rtl"] .flex-row {
  flex-direction: row-reverse;
}

/* RTL Spacing Adjustments */
html[dir="rtl"] .space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

html[dir="rtl"] .space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

/* RTL Gap adjustments for specific layouts */
html[dir="rtl"] .gap-3,
html[dir="rtl"] .gap-4,
html[dir="rtl"] .gap-6,
html[dir="rtl"] .gap-8 {
  direction: rtl;
}

/* RTL Text Alignment for specific sections */
html[dir="rtl"] .text-center {
  text-align: center;
}

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

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

/* RTL Form Elements */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
  text-align: right;
  direction: rtl;
}

html[dir="rtl"] input::placeholder,
html[dir="rtl"] textarea::placeholder {
  text-align: right;
}

/* RTL List Adjustments */
html[dir="rtl"] ul,
html[dir="rtl"] ol {
  padding-right: 1.5rem;
  padding-left: 0;
}

html[dir="rtl"] .list-disc {
  list-style-position: inside;
}

/* Additional RTL Adjustments for Components */

/* Hero Section RTL */
html[dir="rtl"] .hero-section {
  text-align: center;
}

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

/* Grid Layout RTL - maintains proper flow */
html[dir="rtl"] .grid {
  direction: rtl;
}

/* Metallic Text RTL */
html[dir="rtl"] .metal-text {
  text-align: inherit;
}

/* Mobile Menu RTL */
html[dir="rtl"] .mobile-menu {
  text-align: right;
}

/* Testimonials / Client Voices RTL */
html[dir="rtl"] .testimonial-card {
  text-align: right;
}

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

/* Portfolio/Work Section RTL */
html[dir="rtl"] .work-card {
  text-align: right;
}

/* About Section RTL */
html[dir="rtl"] .about-section {
  text-align: right;
}

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

/* Partners/Trusted By Section RTL */
html[dir="rtl"] .partners-section {
  direction: rtl;
}

/* Stats/Impact Numbers RTL */
html[dir="rtl"] .stats-card {
  text-align: center;
}

/* Button Groups RTL */
html[dir="rtl"] .button-group {
  flex-direction: row-reverse;
}

/* Icon positioning RTL */
html[dir="rtl"] .icon-left {
  order: 2;
  margin-right: 0;
  margin-left: 0.5rem;
}

html[dir="rtl"] .icon-right {
  order: 1;
  margin-left: 0;
  margin-right: 0.5rem;
}

/* Border Radius RTL adjustments */
html[dir="rtl"] .rounded-tl-3xl {
  border-top-left-radius: 0;
  border-top-right-radius: 1.5rem;
}

html[dir="rtl"] .rounded-br-3xl {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 1.5rem;
}

/* Scroll Indicator - keep centered for both LTR and RTL */
html[dir="rtl"] .scroll-indicator {
  left: 50%;
  transform: translateX(-50%);
}

/* Glass morphism components maintain their effect in RTL */
html[dir="rtl"] .glass {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Ensure proper text rendering for Arabic */
html[lang="ar"] {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Improve Arabic letter spacing for better readability */
html[lang="ar"] body {
  letter-spacing: 0;
  word-spacing: 0.05em;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3 {
  letter-spacing: 0;
  word-spacing: 0.02em;
}

/* Adjust line height for Arabic text */
html[lang="ar"] p,
html[lang="ar"] .text-base,
html[lang="ar"] .text-lg {
  line-height: 1.8;
}

html[lang="ar"] .text-sm,
html[lang="ar"] .text-xs {
  line-height: 1.6;
}

.mr-1 {
  margin-left: .25rem;
  margin-right: 0
}

.mr-2 { 
    margin-left: 0.5rem;
    margin-right: 0;
}

.fa-arrow-left {
  transform: rotate(180deg);
}

.fa-arrow-right {
  transform: rotate(180deg);
}