/* Update this file: YOUR_PROJECT_ROOT/public/css/main.css (or wherever it is) */

/* --- GLOBAL RTL OVERRIDES --- */
.dark\:text-indigo-400:is(.dark *) {
  color: rgb(210, 171, 16)!important;
}
.dark\:border-indigo-400:is(.dark *) {
 
  border-color: rgb(213, 255, 11)!important;
}



[dir="rtl"] {
  /* 1. Reversing Horizontal Margins (ml-*, mr-*) */
  .ml-1 { margin-right: 0.25rem !important; margin-left: 0 !important; }
  .mr-1 { margin-left: 0.25rem !important; margin-right: 0 !important; }
  .ml-2 { margin-right: 0.5rem !important; margin-left: 0 !important; }
  .mr-2 { margin-left: 0.5rem !important; margin-right: 0 !important; }
  .ml-3 { margin-right: 0.75rem !important; margin-left: 0 !important; }
  .mr-3 { margin-left: 0.75rem !important; margin-right: 0 !important; }
  .ml-4 { margin-right: 1rem !important; margin-left: 0 !important; }
  .mr-4 { margin-left: 1rem !important; margin-right: 0 !important; }
  .ml-6 { margin-right: 1.5rem !important; margin-left: 0 !important; }
  .mr-auto { margin-left: auto !important; margin-right: 0 !important; }
  
  /* 2. Reversing Horizontal Paddings (pl-*, pr-*) */
  .pl-2 { padding-right: 0.5rem !important; padding-left: 0 !important; }
  .pr-2 { padding-left: 0.5rem !important; padding-right: 0 !important; }
  .pl-5 { padding-right: 1.25rem !important; padding-left: 0 !important; }
  .pr-5 { padding-left: 1.25rem !important; padding-right: 0 !important; }
  
  /* 3. Reversing Text Alignment */
  .text-left { text-align: right !important; }
  .text-right { text-align: left !important; }

  /* 4. Reversing Space-Between Utilities (space-x-*) */
  .space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1 !important; 
    margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  
  /* 5. FIX: Spinner Direction in /listings/[slug].vue */
  .border-r-transparent {
    border-right-color: initial !important; 
    border-left-color: transparent !important;
  }
  
  /* 6. FIX: Absolute Positioning */
  .right-1 { left: 0.25rem !important; right: auto !important; }
}