/* RTL Styles for Arabic language support */

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

[dir="rtl"] body.rtl {
  font-family: 'Segoe UI', Tahoma, Arial, Helvetica, sans-serif;
}

/* Navigation RTL */

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


/* Form elements RTL */
[dir="rtl"] .form-group input,
[dir="rtl"] .form-group textarea,
[dir="rtl"] .form-group select {
  text-align: right;
}

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

/* Chat messages RTL */
[dir="rtl"] .chat-messages {
  direction: rtl;
}

[dir="rtl"] .chat-message {
  align-self: flex-start;
}

[dir="rtl"] .chat-message.own-message {
  align-self: flex-end;
}

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

[dir="rtl"] .message-content {
  border-radius: 16px 4px 16px 16px;
}

[dir="rtl"] .own-message .message-content {
  border-radius: 4px 16px 16px 16px;
}

/* Chat input RTL */
[dir="rtl"] .chat-input-form {
  flex-direction: row-reverse;
}

[dir="rtl"] .message-input-container {
  direction: rtl;
}

/* Room cards RTL */
[dir="rtl"] .room-card {
  text-align: right;
}

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

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

/* Modal RTL */
[dir="rtl"] .modal-content {
  text-align: right;
}

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

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

/* Settings RTL */
[dir="rtl"] .settings-section {
  text-align: right;
}

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

[dir="rtl"] .setting-item label {
  margin-right: 0;
  margin-left: 12px;
}

/* Profile RTL */
[dir="rtl"] .profile-header {
  flex-direction: row-reverse;
}

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

/* Notification RTL */
[dir="rtl"] .notification-popup {
  right: auto;
  left: 20px;
}

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

/* Payments RTL */
[dir="rtl"] .payment-item {
  flex-direction: row-reverse;
}

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

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

/* Contact form RTL */
[dir="rtl"] .contact-methods {
  direction: rtl;
}

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

/* Dashboard RTL */
[dir="rtl"] .rooms-list {
  direction: rtl;
}

[dir="rtl"] .room-card-content {
  text-align: right;
}

/* Voice room RTL */
[dir="rtl"] .room-content {
  flex-direction: row-reverse;
}

[dir="rtl"] .participants-list {
  direction: rtl;
}

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

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

/* Language switcher RTL */
[dir="rtl"] .language-switcher {
  flex-direction: row-reverse;
}

/* Dropdown menus RTL */
[dir="rtl"] .dropdown-item {
  flex-direction: row-reverse;
  text-align: right;
}

[dir="rtl"] .dropdown-item i {
  margin-right: 0;
  margin-left: 12px;
}

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

/* Icons RTL - flip horizontally for directional icons */
[dir="rtl"] .icon-arrow-left {
  transform: scaleX(-1);
}

[dir="rtl"] .icon-arrow-right {
  transform: scaleX(-1);
}

/* Responsive RTL adjustments */
@media (max-width: 768px) {
  [dir="rtl"] .mobile-nav {
    right: auto;
    left: 0;
  }
  
  [dir="rtl"] .mobile-nav-content {
    text-align: right;
  }
  
  [dir="rtl"] .chat-area {
    right: auto;
    left: 0;
  }
}

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

/* Scrollbar RTL */
[dir="rtl"] ::-webkit-scrollbar {
  direction: rtl;
}

/* Form validation messages RTL */
[dir="rtl"] .validation-message {
  text-align: right;
}

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

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

/* Loading spinners - no change needed for RTL */

/* Ensure proper text rendering for Arabic */
[dir="rtl"] {
  font-feature-settings: "liga" 1, "kern" 1;
  text-rendering: optimizeLegibility;
}

/* Arabic typography improvements */
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6 {
  font-weight: 600;
  line-height: 1.4;
}

[dir="rtl"] p {
  line-height: 1.6;
}

/* Fix for mixed content (English numbers in Arabic text) */
[dir="rtl"] .mixed-content {
  unicode-bidi: embed;
}

/* Time and date display RTL */
[dir="rtl"] .timestamp {
  direction: ltr;
  unicode-bidi: embed;
}

[dir="rtl"] .message-timestamp {
  direction: ltr;
  text-align: left;
}