/**
 * RTL (Right-to-Left) Support for Arabic
 * 
 * This file contains RTL-specific styles for Arabic language support.
 * It will be automatically loaded when the locale is set to 'ar'.
 * 
 * @package NPO – NNC Prime Offering
 * @version 1.0.0
 */

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

[dir="rtl"] body {
    direction: rtl;
    text-align: right;
}

/* Layout & Container */
[dir="rtl"] .container,
[dir="rtl"] .container-fluid {
    direction: rtl;
}

/* Navigation & Menu */
[dir="rtl"] .navbar,
[dir="rtl"] .topbar-nav,
[dir="rtl"] .sidebar-nav {
    float: right;
    text-align: right;
}

[dir="rtl"] .navbar-nav,
[dir="rtl"] .topbar-nav-item {
    float: right;
}

[dir="rtl"] .navbar-nav .nav-item {
    float: right;
}

/* Flexbox RTL */
[dir="rtl"] .d-flex {
    direction: rtl;
}

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

[dir="rtl"] .justify-content-start {
    justify-content: flex-end;
}

[dir="rtl"] .justify-content-end {
    justify-content: flex-start;
}

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

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

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

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

/* Margins & Padding */
[dir="rtl"] .ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

[dir="rtl"] .mr-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

[dir="rtl"] .ml-1, [dir="rtl"] .ml-2, [dir="rtl"] .ml-3, [dir="rtl"] .ml-4, [dir="rtl"] .ml-5 {
    margin-left: 0 !important;
}

[dir="rtl"] .mr-1, [dir="rtl"] .mr-2, [dir="rtl"] .mr-3, [dir="rtl"] .mr-4, [dir="rtl"] .mr-5 {
    margin-right: 0 !important;
}

[dir="rtl"] .pl-0, [dir="rtl"] .pl-1, [dir="rtl"] .pl-2, [dir="rtl"] .pl-3, [dir="rtl"] .pl-4, [dir="rtl"] .pl-5 {
    padding-left: 0 !important;
}

[dir="rtl"] .pr-0, [dir="rtl"] .pr-1, [dir="rtl"] .pr-2, [dir="rtl"] .pr-3, [dir="rtl"] .pr-4, [dir="rtl"] .pr-5 {
    padding-right: 0 !important;
}

/* Forms */
[dir="rtl"] .form-group,
[dir="rtl"] .input-wrap,
[dir="rtl"] .input-item {
    text-align: right;
}

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

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

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

/* Buttons */
[dir="rtl"] .btn-group {
    direction: rtl;
}

[dir="rtl"] .btn-group .btn {
    float: right;
}

/* Cards */
[dir="rtl"] .card {
    text-align: right;
}

[dir="rtl"] .card-header,
[dir="rtl"] .card-title {
    text-align: right;
}

/* Tables */
[dir="rtl"] table {
    direction: rtl;
}

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

/* Dropdowns */
[dir="rtl"] .dropdown-menu {
    right: auto;
    left: 0;
    text-align: right;
}

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

/* Modals */
[dir="rtl"] .modal-header,
[dir="rtl"] .modal-body,
[dir="rtl"] .modal-footer {
    text-align: right;
}

[dir="rtl"] .modal-header .close {
    margin-left: 0;
    margin-right: auto;
}

/* Icons & Arrows */
[dir="rtl"] .fa-arrow-left::before {
    content: "\f061"; /* arrow-right */
}

[dir="rtl"] .fa-arrow-right::before {
    content: "\f060"; /* arrow-left */
}

[dir="rtl"] .icon-angle-left::before {
    content: "\f105"; /* angle-right */
}

[dir="rtl"] .icon-angle-right::before {
    content: "\f104"; /* angle-left */
}

/* Sidebar */
[dir="rtl"] .sidebar {
    right: 0;
    left: auto;
}

[dir="rtl"] .sidebar-nav {
    text-align: right;
}

/* Topbar */
[dir="rtl"] .topbar {
    direction: rtl;
}

[dir="rtl"] .topbar-logo {
    float: right;
}

/* Lists */
[dir="rtl"] ul,
[dir="rtl"] ol {
    padding-right: 0;
    padding-left: 1.5em;
}

[dir="rtl"] .list-unstyled {
    padding-left: 0;
    padding-right: 0;
}

/* Badges & Labels */
[dir="rtl"] .badge,
[dir="rtl"] .label {
    direction: rtl;
}

/* Alerts */
[dir="rtl"] .alert {
    text-align: right;
}

[dir="rtl"] .alert .close {
    left: 0;
    right: auto;
}

/* Breadcrumbs */
[dir="rtl"] .breadcrumb {
    direction: rtl;
    text-align: right;
}

[dir="rtl"] .breadcrumb-item + .breadcrumb-item::before {
    content: "\f104"; /* angle-left icon */
    float: right;
    padding-right: 0;
    padding-left: 0.5rem;
}

/* Pagination */
[dir="rtl"] .pagination {
    direction: rtl;
}

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

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

/* Utilities */
[dir="rtl"] .float-left {
    float: right !important;
}

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

[dir="rtl"] .border-left {
    border-left: none !important;
    border-right: 1px solid #dee2e6 !important;
}

[dir="rtl"] .border-right {
    border-right: none !important;
    border-left: 1px solid #dee2e6 !important;
}

/* Dashboard Tile Fixes for RTL */
[dir="rtl"] .tile-header .total-users{
    margin-right: 100px;
}

[dir="rtl"] .token-statistics .tile-nav.nav {
    margin-right: 100px;
}
[dir="rtl"] .stage-title h6 .badge {
    margin-right: 10px;
}

[dir="rtl"] .lang-switch-btn em {
    margin-right: 6px;
    font-size: 12px;
    vertical-align: middle;
}

[dir="rtl"] .card-title .ucap {
    margin-right: 10px;
}
[dir="rtl"] .token-balance-icon {
    margin-left: 5px;
}
/* Responsive adjustments */
@media (max-width: 768px) {
    [dir="rtl"] .navbar-collapse {
        text-align: right;
    }
    
    [dir="rtl"] .sidebar {
        transform: translateX(100%);
    }
    
    [dir="rtl"] .sidebar.show {
        transform: translateX(0);
    }
}
[dir="rtl"] .tile-nav {
    margin-bottom: 15px;
}