/* RTL (Right-to-Left) Support for Arabic Language */

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

/* Typography adjustments for RTL */
[dir="rtl"] body,
[dir="rtl"] .font-arabic {
    font-family: 'Segoe UI', 'Arial', 'Tahoma', sans-serif;
}

/* Flexbox direction reversals */
[dir="rtl"] .flex-row {
    flex-direction: row-reverse;
}

[dir="rtl"] .space-x-1 > * + * {
    margin-left: 0;
    margin-right: 0.25rem;
}

[dir="rtl"] .space-x-2 > * + * {
    margin-left: 0;
    margin-right: 0.5rem;
}

[dir="rtl"] .space-x-3 > * + * {
    margin-left: 0;
    margin-right: 0.75rem;
}

[dir="rtl"] .space-x-4 > * + * {
    margin-left: 0;
    margin-right: 1rem;
}

[dir="rtl"] .space-x-6 > * + * {
    margin-left: 0;
    margin-right: 1.5rem;
}

/* Margin and padding adjustments */
[dir="rtl"] .ml-1 { margin-left: 0; margin-right: 0.25rem; }
[dir="rtl"] .ml-2 { margin-left: 0; margin-right: 0.5rem; }
[dir="rtl"] .ml-3 { margin-left: 0; margin-right: 0.75rem; }
[dir="rtl"] .ml-4 { margin-left: 0; margin-right: 1rem; }
[dir="rtl"] .ml-6 { margin-left: 0; margin-right: 1.5rem; }
[dir="rtl"] .ml-8 { margin-left: 0; margin-right: 2rem; }
[dir="rtl"] .ml-auto { margin-left: 0; margin-right: auto; }

[dir="rtl"] .mr-1 { margin-right: 0; margin-left: 0.25rem; }
[dir="rtl"] .mr-2 { margin-right: 0; margin-left: 0.5rem; }
[dir="rtl"] .mr-3 { margin-right: 0; margin-left: 0.75rem; }
[dir="rtl"] .mr-4 { margin-right: 0; margin-left: 1rem; }
[dir="rtl"] .mr-6 { margin-right: 0; margin-left: 1.5rem; }
[dir="rtl"] .mr-8 { margin-right: 0; margin-left: 2rem; }
[dir="rtl"] .mr-auto { margin-right: 0; margin-left: auto; }

[dir="rtl"] .pl-1 { padding-left: 0; padding-right: 0.25rem; }
[dir="rtl"] .pl-2 { padding-left: 0; padding-right: 0.5rem; }
[dir="rtl"] .pl-3 { padding-left: 0; padding-right: 0.75rem; }
[dir="rtl"] .pl-4 { padding-left: 0; padding-right: 1rem; }
[dir="rtl"] .pl-6 { padding-left: 0; padding-right: 1.5rem; }
[dir="rtl"] .pl-8 { padding-left: 0; padding-right: 2rem; }

[dir="rtl"] .pr-1 { padding-right: 0; padding-left: 0.25rem; }
[dir="rtl"] .pr-2 { padding-right: 0; padding-left: 0.5rem; }
[dir="rtl"] .pr-3 { padding-right: 0; padding-left: 0.75rem; }
[dir="rtl"] .pr-4 { padding-right: 0; padding-left: 1rem; }
[dir="rtl"] .pr-6 { padding-right: 0; padding-left: 1.5rem; }
[dir="rtl"] .pr-8 { padding-right: 0; padding-left: 2rem; }

/* Border radius adjustments */
[dir="rtl"] .rounded-l { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
[dir="rtl"] .rounded-r { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; }
[dir="rtl"] .rounded-l-md { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
[dir="rtl"] .rounded-r-md { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
[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; }

/* Border adjustments */
[dir="rtl"] .border-l { border-left: 0; border-right-width: 1px; }
[dir="rtl"] .border-r { border-right: 0; border-left-width: 1px; }
[dir="rtl"] .border-l-2 { border-left: 0; border-right-width: 2px; }
[dir="rtl"] .border-r-2 { border-right: 0; border-left-width: 2px; }
[dir="rtl"] .border-l-4 { border-left: 0; border-right-width: 4px; }
[dir="rtl"] .border-r-4 { border-right: 0; border-left-width: 4px; }

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

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

/* Position adjustments */
[dir="rtl"] .left-0 { left: auto; right: 0; }
[dir="rtl"] .right-0 { right: auto; left: 0; }
[dir="rtl"] .left-1 { left: auto; right: 0.25rem; }
[dir="rtl"] .right-1 { right: auto; left: 0.25rem; }
[dir="rtl"] .left-2 { left: auto; right: 0.5rem; }
[dir="rtl"] .right-2 { right: auto; left: 0.5rem; }
[dir="rtl"] .left-4 { left: auto; right: 1rem; }
[dir="rtl"] .right-4 { right: auto; left: 1rem; }

/* Transform adjustments */
[dir="rtl"] .translate-x-1 { transform: translateX(-0.25rem); }
[dir="rtl"] .-translate-x-1 { transform: translateX(0.25rem); }
[dir="rtl"] .translate-x-2 { transform: translateX(-0.5rem); }
[dir="rtl"] .-translate-x-2 { transform: translateX(0.5rem); }

/* Navigation adjustments */
[dir="rtl"] .nav-item {
    margin-left: 0;
    margin-right: 1rem;
}

[dir="rtl"] .dropdown-menu {
    left: auto;
    right: 0;
}

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

/* Checkbox and radio button alignment */
[dir="rtl"] input[type="checkbox"],
[dir="rtl"] input[type="radio"] {
    margin-left: 0.5rem;
    margin-right: 0;
}

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

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

/* DataTables specific RTL adjustments */
[dir="rtl"] .dataTables_wrapper .dataTables_filter {
    float: left;
}

[dir="rtl"] .dataTables_wrapper .dataTables_length {
    float: right;
}

[dir="rtl"] .dataTables_wrapper .dataTables_paginate {
    float: left;
}

[dir="rtl"] .dataTables_wrapper .dataTables_info {
    float: right;
}

[dir="rtl"] .dataTables_wrapper .dataTables_paginate .paginate_button {
    margin-left: 0;
    margin-right: 2px;
}

/* Button group adjustments */
[dir="rtl"] .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

[dir="rtl"] .btn-group > .btn:last-child:not(:first-child),
[dir="rtl"] .btn-group > .dropdown-toggle:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

/* Modal adjustments */
[dir="rtl"] .modal-header .close {
    margin: -1rem auto -1rem -1rem;
}

/* Alert adjustments */
[dir="rtl"] .alert-dismissible .close {
    left: 0;
    right: auto;
}

/* Badge adjustments */
[dir="rtl"] .badge {
    margin-left: 0;
    margin-right: 0.25rem;
}

/* Breadcrumb adjustments */
[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    content: "\\";
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

/* Pagination adjustments */
[dir="rtl"] .pagination {
    padding-right: 0;
}

[dir="rtl"] .page-item:first-child .page-link {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

[dir="rtl"] .page-item:last-child .page-link {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Icon adjustments */
[dir="rtl"] .icon-left {
    margin-left: 0;
    margin-right: 0.5rem;
}

[dir="rtl"] .icon-right {
    margin-right: 0;
    margin-left: 0.5rem;
}

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

/* Tooltip adjustments */
[dir="rtl"] .tooltip-left {
    left: auto;
    right: 0;
}

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

/* Language switcher specific */
[dir="rtl"] #language-switcher {
    direction: ltr;
}

[dir="rtl"] #language-switcher a {
    flex-direction: row-reverse;
}

/* Summernote editor RTL support */
[dir="rtl"] .note-editor {
    text-align: right;
    direction: rtl;
}

[dir="rtl"] .note-toolbar {
    text-align: right;
}

[dir="rtl"] .note-editable {
    text-align: right;
    direction: rtl;
}

/* Alpine.js dropdown adjustments */
[dir="rtl"] [x-cloak] {
    display: none !important;
}

/* Additional utility classes for RTL */
.rtl\:text-right {
    text-align: right;
}

.rtl\:text-left {
    text-align: left;
}

.rtl\:float-right {
    float: right;
}

.rtl\:float-left {
    float: left;
}