/* styles/rtl.css */

/* Основные RTL стили */
.rtl {
    direction: rtl;
    text-align: right;
  }
  
  /* Отзеркаливание отступов */
  .rtl .ml-1, .rtl .ml-2, .rtl .ml-3, .rtl .ml-4 {
    margin-left: 0;
  }
  
  .rtl .mr-1 { margin-left: 0.25rem; margin-right: 0; }
  .rtl .mr-2 { margin-left: 0.5rem; margin-right: 0; }
  .rtl .mr-3 { margin-left: 0.75rem; margin-right: 0; }
  .rtl .mr-4 { margin-left: 1rem; margin-right: 0; }
  
  /* Отзеркаливание padding */
  .rtl .pl-1, .rtl .pl-2, .rtl .pl-3, .rtl .pl-4 {
    padding-left: 0;
  }
  
  .rtl .pr-1 { padding-left: 0.25rem; padding-right: 0; }
  .rtl .pr-2 { padding-left: 0.5rem; padding-right: 0; }
  .rtl .pr-3 { padding-left: 0.75rem; padding-right: 0; }
  .rtl .pr-4 { padding-left: 1rem; padding-right: 0; }
  
  /* Отзеркаливание flexbox */
  /* .rtl .flex {
    flex-direction: row-reverse;
  } */
  
  /* Отзеркаливание grid */
  .rtl .grid {
    direction: rtl;
  }
  
  /* Отзеркаливание позиционирования */
  .rtl .left-0 { right: 0; left: auto; }
  .rtl .right-0 { left: 0; right: auto; }
  
  /* Отзеркаливание текстового выравнивания */
  .rtl .text-left { text-align: right; }
  .rtl .text-right { text-align: left; }
  
  /* Отзеркаливание border-radius */
  .rtl .rounded-l { border-radius: 0 0.25rem 0.25rem 0; }
  .rtl .rounded-r { border-radius: 0.25rem 0 0 0.25rem; }
  
  /* Специфичные стили для компонентов */
  .rtl .header-nav {
    flex-direction: row-reverse;
  }
  
  .rtl .dropdown-menu {
    left: auto;
    right: 0;
  }
  
  /* Фиксы для иконок */
  .rtl .icon {
    transform: scaleX(-1);
  }
  
  /* Отзеркаливание анимаций */
  .rtl .slide-in {
    transform-origin: right center;
  }
  
  /* Специальные стили для арабского текста */
  .rtl {
    font-family: "Dubai", "Segoe UI", Tahoma, sans-serif;
  }
  
  /* Исправление специфических компонентов */
  .rtl .language-switcher .dropdown-content {
    left: auto;
    right: 0;
  }
  
  .rtl .nav-links {
    flex-direction: row-reverse;
  }
  
  /* Фиксы для мобильной версии */
  @media (max-width: 768px) {
    .rtl .mobile-menu {
      left: auto;
      right: 0;
      transform-origin: right;
    }
  }