/**
 * RTL (Right-to-Left) Support Stylesheet
 * For Arabic (ar) and Urdu (ur) languages
 * Applied when html[dir="rtl"] is set
 */

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

/* Typography */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] label,
html[dir="rtl"] span {
    direction: rtl;
}

/* Navigation - Sidenav */
html[dir="rtl"] .sidenav {
    right: 0;
    left: auto;
    transform: translateX(100%);
}

html[dir="rtl"] .sidenav.open {
    transform: translateX(0);
}

html[dir="rtl"] nav .nav-wrapper {
    direction: rtl;
}

html[dir="rtl"] nav .brand-logo {
    right: 15px;
    left: auto;
}

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

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

html[dir="rtl"] nav ul li {
    float: right;
}

/* Menu trigger button */
html[dir="rtl"] .sidenav-trigger {
    float: right;
    margin-right: 15px;
    margin-left: 0;
}

/* Sidenav menu items */
html[dir="rtl"] .sidenav li a {
    padding-right: 16px;
    padding-left: 0;
}

html[dir="rtl"] .sidenav li a i.zmdi {
    margin-right: 0;
    margin-left: 16px;
}

html[dir="rtl"] .sidenav .collapsible-header {
    padding-right: 16px;
    padding-left: 0;
}

html[dir="rtl"] .sidenav .collapsible-header i.zmdi {
    margin-right: 0;
    margin-left: 16px;
}

/* Dropdown menus */
html[dir="rtl"] .dropdown-content {
    right: 0;
    left: auto;
}

html[dir="rtl"] .dropdown-content li a {
    text-align: right;
}

/* Forms */
html[dir="rtl"] .input-field label {
    right: 0;
    left: auto;
}

html[dir="rtl"] .input-field input,
html[dir="rtl"] .input-field textarea,
html[dir="rtl"] .input-field select {
    direction: rtl;
    text-align: right;
}

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

html[dir="rtl"] .input-field .prefix ~ input,
html[dir="rtl"] .input-field .prefix ~ textarea,
html[dir="rtl"] .input-field .prefix ~ label {
    margin-right: 3rem;
    margin-left: 0;
}

html[dir="rtl"] .select-wrapper .caret {
    right: auto;
    left: 0;
}

/* Buttons */
html[dir="rtl"] .btn i.left,
html[dir="rtl"] .btn-large i.left,
html[dir="rtl"] .btn-small i.left,
html[dir="rtl"] .btn-flat i.left {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] .btn i.right,
html[dir="rtl"] .btn-large i.right,
html[dir="rtl"] .btn-small i.right,
html[dir="rtl"] .btn-flat i.right {
    margin-left: 0;
    margin-right: 10px;
}

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

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

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

html[dir="rtl"] table th:last-child,
html[dir="rtl"] table td:last-child {
    text-align: left;
}

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

html[dir="rtl"] .card .card-action a {
    margin-left: 24px;
    margin-right: 0;
}

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

html[dir="rtl"] .card-stats-title i.left {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

/* Badges */
html[dir="rtl"] .badge {
    float: left !important;
}

/* Collection */
html[dir="rtl"] .collection .collection-item {
    text-align: right;
}

html[dir="rtl"] .collection .collection-item .secondary-content {
    left: 16px;
    right: auto;
}

/* Collapsible */
html[dir="rtl"] .collapsible-header {
    direction: rtl;
}

html[dir="rtl"] .collapsible-header i {
    float: right;
    margin-left: 1rem;
    margin-right: 0;
}

/* Breadcrumbs */
html[dir="rtl"] .breadcrumb {
    float: right;
}

html[dir="rtl"] .breadcrumb:before {
    content: '\E5CB';
    margin: 0 8px 0 0;
}

/* Chips */
html[dir="rtl"] .chip .close {
    padding-left: 0;
    padding-right: 4px;
}

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

html[dir="rtl"] .pagination li.prev {
    order: 2;
}

html[dir="rtl"] .pagination li.next {
    order: 1;
}

/* Floating Action Button */
html[dir="rtl"] .fixed-action-btn {
    right: auto;
    left: 23px;
}

/* Modal */
html[dir="rtl"] .modal {
    direction: rtl;
}

html[dir="rtl"] .modal .modal-footer {
    text-align: left;
}

html[dir="rtl"] .modal .modal-footer .btn,
html[dir="rtl"] .modal .modal-footer .btn-flat {
    margin-left: 0;
    margin-right: 6px;
}

/* Toast */
html[dir="rtl"] .toast {
    direction: rtl;
}

/* Grid - Flexbox */
html[dir="rtl"] .row {
    direction: rtl;
}

/* Left/Right alignment */
html[dir="rtl"] .left {
    float: right !important;
}

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

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

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

/* Dashboard specific */
html[dir="rtl"] .dashboard-stat-row {
    flex-direction: row-reverse;
}

html[dir="rtl"] .dashboard-badge {
    float: none !important;
}

/* Stats cards */
html[dir="rtl"] #card-stats .card-action span.left {
    float: right !important;
}

html[dir="rtl"] #card-stats .card-action span.right {
    float: left !important;
}

/* Icon positioning */
html[dir="rtl"] i.zmdi.left,
html[dir="rtl"] i.material-icons.left {
    margin-right: 0;
    margin-left: 10px;
}

html[dir="rtl"] i.zmdi.right,
html[dir="rtl"] i.material-icons.right {
    margin-left: 0;
    margin-right: 10px;
}

/* Clearfix adjustments */
html[dir="rtl"] .clearfix::after {
    clear: both;
}

/* Search inputs */
html[dir="rtl"] nav .input-field input[type="search"] {
    padding-right: 60px;
    padding-left: 4rem;
}

html[dir="rtl"] nav .input-field input[type="search"] + label i {
    right: 1rem;
    left: auto;
}

/* File input */
html[dir="rtl"] .file-field .btn {
    float: right;
}

html[dir="rtl"] .file-field .file-path-wrapper {
    margin-right: 100px;
    margin-left: 0;
}

/* Switch */
html[dir="rtl"] .switch label {
    direction: rtl;
}

html[dir="rtl"] .switch label input[type="checkbox"] + .lever {
    margin-right: 0;
    margin-left: 1rem;
}

/* Checkbox and Radio */
html[dir="rtl"] [type="checkbox"] + span:not(.lever),
html[dir="rtl"] [type="radio"] + span {
    padding-right: 35px;
    padding-left: 0;
}

html[dir="rtl"] [type="checkbox"] + span:not(.lever):before,
html[dir="rtl"] [type="checkbox"]:not(.filled-in) + span:not(.lever):after,
html[dir="rtl"] [type="radio"] + span:before,
html[dir="rtl"] [type="radio"] + span:after {
    right: 0;
    left: auto;
}

/* Select dropdown */
html[dir="rtl"] select:not(.browser-default) {
    direction: rtl;
}

/* Date picker */
html[dir="rtl"] .datepicker-controls {
    direction: rtl;
}

html[dir="rtl"] .datepicker-table {
    direction: rtl;
}

/* Timepicker */
html[dir="rtl"] .timepicker-dial-container {
    direction: rtl;
}

/* Preloader */
html[dir="rtl"] .preloader-wrapper {
    direction: ltr;
}

/* Progress bar */
html[dir="rtl"] .progress .indeterminate {
    animation-name: indeterminate-rtl;
}

@keyframes indeterminate-rtl {
    0% {
        right: 0%;
        left: 100%;
    }
    50% {
        right: 25%;
        left: 0%;
    }
    75% {
        right: 100%;
        left: 0%;
    }
    100% {
        right: 100%;
        left: 0%;
    }
}

/* Tabs */
html[dir="rtl"] .tabs {
    direction: rtl;
}

html[dir="rtl"] .tabs .tab {
    float: right;
}

/* Carousel */
html[dir="rtl"] .carousel {
    direction: ltr; /* Keep carousel LTR for proper sliding */
}

/* eManager specific styles */

/* Invoice/Receipt tables */
html[dir="rtl"] .invoice-table,
html[dir="rtl"] .receipt-table {
    direction: rtl;
}

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

/* Report headers */
html[dir="rtl"] .report-header {
    direction: rtl;
}

/* Filter/Search forms */
html[dir="rtl"] .filter-form,
html[dir="rtl"] .search-form {
    direction: rtl;
}

/* Quick action buttons */
html[dir="rtl"] .quick-actions {
    direction: rtl;
}

/* Stat cards on dashboard */
html[dir="rtl"] .card-stats-number {
    direction: ltr; /* Keep numbers LTR */
    unicode-bidi: embed;
}

/* Currency display */
html[dir="rtl"] .currency,
html[dir="rtl"] .amount,
html[dir="rtl"] .number {
    direction: ltr;
    unicode-bidi: embed;
}

/* Print specific RTL */
@media print {
    html[dir="rtl"] body {
        direction: rtl;
    }
    
    html[dir="rtl"] table {
        direction: rtl;
    }
}

/*
 * Keep the fixed top navigation bar LTR even in RTL languages.
 * This avoids flipping the top actions/layout while allowing the rest of the UI to be RTL.
 */
html[dir="rtl"] .navbar-fixed,
html[dir="rtl"] .navbar-fixed nav,
html[dir="rtl"] .navbar-fixed nav .nav-wrapper,
html[dir="rtl"] .navbar-fixed nav .nav-wrapper * {
    direction: ltr;
}

html[dir="rtl"] .navbar-fixed nav ul.right {
    float: right !important;
}

html[dir="rtl"] .navbar-fixed nav ul.left {
    float: left !important;
}

html[dir="rtl"] .navbar-fixed nav ul li {
    float: left;
}

html[dir="rtl"] .navbar-fixed .sidenav-trigger,
html[dir="rtl"] .navbar-fixed .button-collapse {
    float: left;
    margin-left: 15px;
    margin-right: 0;
}

html[dir="rtl"] .navbar-fixed nav .brand-logo {
    left: 15px;
    right: auto;
}

html[dir="rtl"] .navbar-fixed nav .input-field input[type="search"] {
    direction: ltr;
    text-align: left;
    padding-left: 4rem;
    padding-right: 1rem;
}

html[dir="rtl"] .navbar-fixed nav .input-field input[type="search"] + label i {
    left: 1rem;
    right: auto;
}



/* nav{
    direction: ltr !important;
} */