/**
 * Taskora - Comprehensive Architectural RTL Stylesheet
 * Handles pixel-perfect RTL layout mirroring, typography, and component alignments.
 */

/* ==========================================================================
   1. Typography & Global Resets
   ========================================================================== */
html[dir="rtl"],
[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] body,
html[dir="rtl"] body {
    font-family: 'Thmanyah Sans', 'Tajawal', 'Readex Pro', sans-serif !important;
}

[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, 
[dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6,
[dir="rtl"] p, [dir="rtl"] span, [dir="rtl"] a, 
[dir="rtl"] button, [dir="rtl"] input, [dir="rtl"] select, 
[dir="rtl"] textarea, [dir="rtl"] label {
    font-family: 'Thmanyah Sans', 'Tajawal', 'Readex Pro', sans-serif;
    letter-spacing: normal !important;
}

[dir="rtl"] .font-mono,
html[dir="rtl"] .font-mono {
    font-family: 'Thmanyah Sans', 'JetBrains Mono', monospace !important;
    letter-spacing: normal !important;
}

/* ==========================================================================
   2. Navigation Bar & Mobile Drawer
   ========================================================================== */
[dir="rtl"] .taskora-nav .brand-title {
    letter-spacing: 0.1em !important;
}

[dir="rtl"] .nav-link i {
    margin-right: 0 !important;
    margin-left: 0.375rem !important;
}

[dir="rtl"] .workspace-badge i {
    margin-right: 0 !important;
    margin-left: 0.375rem !important;
}

/* Priority Indicators (Flip Left Border to Right Border) */
[dir="rtl"] .priority-low {
    border-left: none !important;
    border-right: 3px solid #2e7d32 !important;
}

[dir="rtl"] .priority-medium {
    border-left: none !important;
    border-right: 3px solid #B69A62 !important;
}

[dir="rtl"] .priority-high {
    border-left: none !important;
    border-right: 3px solid #c62828 !important;
}

[dir="rtl"] .priority-critical {
    border-left: none !important;
    border-right: 3px solid #b71c1c !important;
}

/* ==========================================================================
   3. Forms & Inputs
   ========================================================================== */
[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="url"] {
    text-align: left;
    direction: ltr;
}

[dir="rtl"] .input-icon-start {
    left: auto !important;
    right: 0.75rem !important;
}

[dir="rtl"] .input-with-icon-start {
    padding-left: 0.875rem !important;
    padding-right: 2.5rem !important;
}

[dir="rtl"] .password-toggle-btn {
    right: auto !important;
    left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0.875rem !important;
}

[dir="rtl"] .luxury-input.has-password-toggle {
    padding-right: 0.875rem !important;
    padding-left: 2.75rem !important;
}

/* ==========================================================================
   4. Buttons, Badges & Spacing
   ========================================================================== */
[dir="rtl"] .btn-gold,
[dir="rtl"] .btn-secondary-gold,
[dir="rtl"] .oauth-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
}

[dir="rtl"] .btn-gold i,
[dir="rtl"] .btn-secondary-gold i,
[dir="rtl"] .oauth-btn i {
    margin: 0 !important;
}

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

/* ==========================================================================
   5. Tables & Data Lists
   ========================================================================== */
[dir="rtl"] table {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] th,
[dir="rtl"] td {
    text-align: right !important;
}

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

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

/* ==========================================================================
   6. Kanban Board Flow
   ========================================================================== */
[dir="rtl"] .kanban-board-container {
    direction: rtl;
}

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

/* ==========================================================================
   7. Chat & Direct Messaging
   ========================================================================== */
[dir="rtl"] .chat-outgoing {
    margin-right: auto !important;
    margin-left: 0 !important;
    text-align: right;
}

[dir="rtl"] .chat-incoming {
    margin-left: auto !important;
    margin-right: 0 !important;
    text-align: right;
}

/* ==========================================================================
   8. Modals, Alerts & Toasts
   ========================================================================== */
[dir="rtl"] .modal-content {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .luxury-alert-error,
[dir="rtl"] .luxury-alert-warning,
[dir="rtl"] .luxury-alert-info,
[dir="rtl"] .luxury-alert-success {
    direction: rtl;
    text-align: right;
}

@keyframes slideInLeft {
    from {
        transform: translateX(-400px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

[dir="rtl"] .animate-slide-in {
    animation: slideInLeft 0.3s ease-out;
}