/* RTL-specific styles for Arabic and other RTL languages */

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

/* Logical properties for margins and paddings */
[dir="rtl"] .ml-2 { margin-right: 0.5rem; margin-left: 0; }
[dir="rtl"] .mr-2 { margin-left: 0.5rem; margin-right: 0; }
[dir="rtl"] .ml-1 { margin-right: 0.25rem; margin-left: 0; }
[dir="rtl"] .mr-1 { margin-left: 0.25rem; margin-right: 0; }
[dir="rtl"] .ml-10 { margin-right: 2.5rem; margin-left: 0; }
[dir="rtl"] .pl-14 { padding-right: 3.5rem; padding-left: 1.5rem; }
[dir="rtl"] .pl-5 { padding-right: 1.25rem; padding-left: 0; }
[dir="rtl"] .left-5 { right: 1.25rem; left: auto; }
[dir="rtl"] .right-0 { left: 0; right: auto; }
[dir="rtl"] .left-0 { right: 0; left: auto; }

/* Flex direction reversals */
[dir="rtl"] .space-x-4 > :not([hidden]) ~ :not([hidden]) {
  margin-right: 1rem;
  margin-left: 0;
}

[dir="rtl"] .space-x-2 > :not([hidden]) ~ :not([hidden]) {
  margin-right: 0.5rem;
  margin-left: 0;
}

[dir="rtl"] .space-x-3 > :not([hidden]) ~ :not([hidden]) {
  margin-right: 0.75rem;
  margin-left: 0;
}

[dir="rtl"] .space-x-1 > :not([hidden]) ~ :not([hidden]) {
  margin-right: 0.25rem;
  margin-left: 0;
}

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

/* Border radius for RTL */
[dir="rtl"] .rounded-l-lg { 
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

[dir="rtl"] .rounded-r-lg {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

/* Dropdown positioning */
[dir="rtl"] .category-dropdown {
  left: auto;
  right: 0;
}

/* Search input adjustments */
[dir="rtl"] #search-input {
  padding-left: 1.5rem;
  padding-right: 3.5rem;
}

/* Icon positioning in search */
[dir="rtl"] .absolute.left-5 {
  left: auto;
  right: 1.25rem;
}

/* Navigation arrows */
[dir="rtl"] a:has(> span:contains('→')) span:contains('→') {
  content: '←';
}

/* Transform for RTL */
[dir="rtl"] .translate-x-0 { transform: translateX(0); }
[dir="rtl"] .-translate-x-full { transform: translateX(100%); }
[dir="rtl"] .translate-x-full { transform: translateX(-100%); }

/* Gradient adjustments */
[dir="rtl"] .bg-gradient-to-r {
  background-image: linear-gradient(to left, var(--tw-gradient-stops));
}

[dir="rtl"] .bg-gradient-to-l {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

/* Alpine.js transition adjustments */
[dir="rtl"] [x-transition\:enter-start*="translateX(-"],
[dir="rtl"] [x-transition\:leave-end*="translateX(-"] {
  transform: translateX(100%);
}

[dir="rtl"] [x-transition\:enter-start*="translateX("],
[dir="rtl"] [x-transition\:leave-end*="translateX("] {
  transform: translateX(-100%);
}

/* Grid and flexbox adjustments */
[dir="rtl"] .flex-row { flex-direction: row-reverse; }
[dir="rtl"] .flex-row-reverse { flex-direction: row; }

/* Float adjustments */
[dir="rtl"] .float-left { float: right; }
[dir="rtl"] .float-right { float: left; }

/* Shadow adjustments for RTL */
[dir="rtl"] .shadow-xl {
  box-shadow: -0 20px 25px -5px rgba(0, 0, 0, 0.1), -0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Emoji grid - maintain LTR for emojis themselves */
[dir="rtl"] .emoji-grid {
  direction: rtl;
}

[dir="rtl"] .emoji-grid > * {
  direction: ltr;
  text-align: center;
}

/* Form elements */
[dir="rtl"] input[type="text"],
[dir="rtl"] input[type="search"],
[dir="rtl"] textarea,
[dir="rtl"] select {
  text-align: right;
  direction: rtl;
}

/* Breadcrumb separators */
[dir="rtl"] .breadcrumb-separator::before {
  content: '\\';
  transform: scaleX(-1);
}

/* Custom scrollbar for RTL */
[dir="rtl"] ::-webkit-scrollbar {
  position: absolute;
  left: 0;
  right: auto;
}

/* Mobile menu adjustments */
[dir="rtl"] .mobile-menu {
  left: 0;
  right: auto;
}

/* Tooltip positioning */
[dir="rtl"] .tooltip-left {
  left: auto;
  right: 100%;
}

[dir="rtl"] .tooltip-right {
  right: auto;
  left: 100%;
}