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

/* Base RTL Settings */
html[dir="rtl"] {
    direction: rtl;
}

body.rtl-layout {
    font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif;
    text-align: right;
}

/* ===== Navigation RTL Adjustments ===== */
.rtl-layout .navbar {
    direction: rtl;
}

.rtl-layout .navbar-brand {
    margin-left: 1rem;
    margin-right: 0;
}

.rtl-layout .navbar-nav {
    padding-right: 0;
    flex-direction: row;
}

/* Ensure navbar items display from right to left */
.rtl-layout .navbar-collapse {
    flex-direction: row-reverse;
}

.rtl-layout .navbar-nav .nav-item {
    text-align: right;
}

.rtl-layout .navbar-nav .nav-link {
    text-align: right;
}

.rtl-layout .navbar-nav .nav-link i {
    margin-left: 0.25rem;
    margin-right: 0;
}

/* Dropdown positioning for RTL */
.rtl-layout .dropdown-menu {
    text-align: right;
    left: auto;
    right: 0;
}

.rtl-layout .dropdown-item {
    text-align: right;
}

.rtl-layout .dropdown-item i {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Login partial alignment */
.rtl-layout .navbar .ms-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}

.rtl-layout .navbar .me-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

/* Page Header */
.rtl-layout .page-header {
    text-align: right;
}

.rtl-layout .breadcrumb {
    justify-content: flex-start;
}

.rtl-layout .breadcrumb-item + .breadcrumb-item::before {
    content: "\\";
    float: right;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

/* Cards */
.rtl-layout .card-header {
    text-align: right;
}

/* Statistics Cards */
.rtl-layout .stat-card {
    text-align: right;
}

.rtl-layout .stat-icon {
    left: 1.5rem;
    right: auto;
}

/* Tables */
.rtl-layout .table {
    text-align: right;
}

.rtl-layout .table th,
.rtl-layout .table td {
    text-align: right;
}

.rtl-layout .table .text-end {
    text-align: left !important;
}

/* Forms */
.rtl-layout .form-label {
    text-align: right;
}

.rtl-layout .form-control,
.rtl-layout .form-select {
    text-align: right;
}

.rtl-layout .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
}

.rtl-layout .input-group > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
}

.rtl-layout .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
}

.rtl-layout .form-check {
    padding-right: 1.5em;
    padding-left: 0;
}

.rtl-layout .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0;
}

/* Buttons */
.rtl-layout .btn i {
    margin-left: 0.5rem;
    margin-right: 0;
}

.rtl-layout .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--bs-border-radius);
    border-bottom-right-radius: var(--bs-border-radius);
}

.rtl-layout .btn-group > .btn:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--bs-border-radius);
    border-bottom-left-radius: var(--bs-border-radius);
}

/* Alerts */
.rtl-layout .alert {
    text-align: right;
}

.rtl-layout .alert-dismissible {
    padding-left: 3rem;
    padding-right: 1rem;
}

.rtl-layout .alert-dismissible .btn-close {
    left: 0;
    right: auto;
}

/* List Groups */
.rtl-layout .list-group-item {
    text-align: right;
}

/* Badges */
.rtl-layout .badge {
    margin-left: 0.5rem;
    margin-right: 0;
}

/* Empty State */
.rtl-layout .empty-state {
    text-align: center;
}

/* Avatar */
.rtl-layout .avatar-placeholder {
    font-family: 'Cairo', sans-serif;
}

/* Dashboard Specific */
.rtl-layout .quick-action-card {
    text-align: right;
}

/* Pagination */
.rtl-layout .pagination {
    justify-content: flex-start;
}

.rtl-layout .page-link {
    margin-right: -1px;
    margin-left: 0;
}

/* Modal */
.rtl-layout .modal-header {
    flex-direction: row-reverse;
}

.rtl-layout .modal-header .btn-close {
    margin: calc(-0.5 * var(--bs-modal-header-padding-y)) auto calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x));
}

.rtl-layout .modal-body {
    text-align: right;
}

.rtl-layout .modal-footer {
    flex-direction: row-reverse;
}

/* Footer */
.rtl-layout footer {
    text-align: right;
}

/* Utilities Override for RTL */
.rtl-layout .me-1 { margin-left: 0.25rem !important; margin-right: 0 !important; }
.rtl-layout .me-2 { margin-left: 0.5rem !important; margin-right: 0 !important; }
.rtl-layout .me-3 { margin-left: 1rem !important; margin-right: 0 !important; }
.rtl-layout .me-4 { margin-left: 1.5rem !important; margin-right: 0 !important; }
.rtl-layout .me-5 { margin-left: 3rem !important; margin-right: 0 !important; }

.rtl-layout .ms-1 { margin-right: 0.25rem !important; margin-left: 0 !important; }
.rtl-layout .ms-2 { margin-right: 0.5rem !important; margin-left: 0 !important; }
.rtl-layout .ms-3 { margin-right: 1rem !important; margin-left: 0 !important; }
.rtl-layout .ms-4 { margin-right: 1.5rem !important; margin-left: 0 !important; }
.rtl-layout .ms-5 { margin-right: 3rem !important; margin-left: 0 !important; }

.rtl-layout .pe-1 { padding-left: 0.25rem !important; padding-right: 0 !important; }
.rtl-layout .pe-2 { padding-left: 0.5rem !important; padding-right: 0 !important; }
.rtl-layout .pe-3 { padding-left: 1rem !important; padding-right: 0 !important; }
.rtl-layout .pe-4 { padding-left: 1.5rem !important; padding-right: 0 !important; }
.rtl-layout .pe-5 { padding-left: 3rem !important; padding-right: 0 !important; }

.rtl-layout .ps-1 { padding-right: 0.25rem !important; padding-left: 0 !important; }
.rtl-layout .ps-2 { padding-right: 0.5rem !important; padding-left: 0 !important; }
.rtl-layout .ps-3 { padding-right: 1rem !important; padding-left: 0 !important; }
.rtl-layout .ps-4 { padding-right: 1.5rem !important; padding-left: 0 !important; }
.rtl-layout .ps-5 { padding-right: 3rem !important; padding-left: 0 !important; }

/* Text Alignment Override */
.rtl-layout .text-start { text-align: right !important; }
.rtl-layout .text-end { text-align: left !important; }

/* Float Override */
.rtl-layout .float-start { float: right !important; }
.rtl-layout .float-end { float: left !important; }

/* Border Radius Override */
.rtl-layout .rounded-start {
    border-top-right-radius: var(--bs-border-radius) !important;
    border-bottom-right-radius: var(--bs-border-radius) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.rtl-layout .rounded-end {
    border-top-left-radius: var(--bs-border-radius) !important;
    border-bottom-left-radius: var(--bs-border-radius) !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Numbers should remain LTR */
.rtl-layout .ltr-numbers,
.rtl-layout input[type="tel"],
.rtl-layout input[type="number"] {
    direction: ltr;
    text-align: right;
}

/* WhatsApp Chat Bubbles */
.rtl-layout .chat-bubble-sent {
    margin-left: 0;
    margin-right: auto;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 1rem;
}

.rtl-layout .chat-bubble-received {
    margin-right: 0;
    margin-left: auto;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 1rem;
}

/* Dropdown Menu Position */
.rtl-layout .dropdown-menu-end {
    --bs-position: start;
}

/* Special handling for icons that need to flip */
.rtl-layout .bi-arrow-right::before {
    content: "\F12F"; /* arrow-left */
}

.rtl-layout .bi-arrow-left::before {
    content: "\F135"; /* arrow-right */
}

.rtl-layout .bi-chevron-right::before {
    content: "\F282"; /* chevron-left */
}

.rtl-layout .bi-chevron-left::before {
    content: "\F285"; /* chevron-right */
}

/* Fix for flex direction in certain components */
.rtl-layout .d-flex.justify-content-between {
    flex-direction: row;
}

/* Specific component fixes */
.rtl-layout .stat-card .d-flex {
    flex-direction: row-reverse;
}

.rtl-layout .quick-action-card .d-flex {
    flex-direction: row-reverse;
}