/* Custom styles for Ewanco Global Trading static site */
/* Add any additional CSS overrides here if needed */

/* RTL Support for Arabic */
[dir="rtl"] {
  text-align: right;
}

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

[dir="rtl"] .space-x-6 > * + * {
  margin-left: 0;
  margin-right: 1.5rem;
}

[dir="rtl"] .space-x-4 > * + * {
  margin-left: 0;
  margin-right: 1rem;
}

[dir="rtl"] .space-x-2 > * + * {
  margin-left: 0;
  margin-right: 0.5rem;
}

[dir="rtl"] .gap-2,
[dir="rtl"] .gap-4,
[dir="rtl"] .gap-6 {
  flex-direction: row-reverse;
}

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

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

[dir="rtl"] .ml-1 {
  margin-left: 0;
  margin-right: 0.25rem;
}

[dir="rtl"] .ml-2 {
  margin-left: 0;
  margin-right: 0.5rem;
}

[dir="rtl"] .ml-4 {
  margin-left: 0;
  margin-right: 1rem;
}

[dir="rtl"] .ml-6 {
  margin-left: 0;
  margin-right: 1.5rem;
}

[dir="rtl"] .mr-1 {
  margin-right: 0;
  margin-left: 0.25rem;
}

[dir="rtl"] .mr-2 {
  margin-right: 0;
  margin-left: 0.5rem;
}

[dir="rtl"] .mr-4 {
  margin-right: 0;
  margin-left: 1rem;
}

[dir="rtl"] .mr-6 {
  margin-right: 0;
  margin-left: 1.5rem;
}

[dir="rtl"] .pl-4 {
  padding-left: 0;
  padding-right: 1rem;
}

[dir="rtl"] .pl-6 {
  padding-left: 0;
  padding-right: 1.5rem;
}

[dir="rtl"] .pr-4 {
  padding-right: 0;
  padding-left: 1rem;
}

[dir="rtl"] .pr-6 {
  padding-right: 0;
  padding-left: 1.5rem;
}

/* Navigation adjustments for RTL */
[dir="rtl"] nav .flex {
  flex-direction: row-reverse;
}

[dir="rtl"] nav ul {
  flex-direction: row-reverse;
}

/* Language dropdown adjustments for RTL */
[dir="rtl"] #lang-dropdown-root .absolute {
  right: auto;
  left: 0;
}

/* Grid adjustments for RTL */
[dir="rtl"] .grid {
  direction: ltr;
}

[dir="rtl"] .grid > * {
  direction: rtl;
}

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

/* Button adjustments for RTL */
[dir="rtl"] .inline-flex {
  flex-direction: row-reverse;
}

/* Footer adjustments for RTL */
[dir="rtl"] footer .flex {
  flex-direction: row-reverse;
}

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

/* Animation adjustments for RTL */
[dir="rtl"] .animate-fade-in-up {
  animation: fade-in-up-rtl 1.2s cubic-bezier(.4,0,.2,1);
}

@keyframes fade-in-up-rtl {
  from { 
    opacity: 0; 
    transform: translateY(40px) translateX(-20px); 
  }
  to { 
    opacity: 1; 
    transform: translateY(0) translateX(0); 
  }
}

/* Typography adjustments for Arabic */
[dir="rtl"] {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, 'Arabic UI Text', 'Geeza Pro', 'Traditional Arabic';
}

/* Responsive adjustments for RTL */
@media (max-width: 768px) {
  [dir="rtl"] .md\:flex-row {
    flex-direction: column-reverse;
  }
  
  [dir="rtl"] .md\:justify-between {
    justify-content: center;
  }
}