/* ========================================
   RAWAJ POS - RTL Support (Arabic)
   حل شامل لمشكلة التصميم العربي
======================================== */

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

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

/* ========================================
   Sidebar - RTL Fix
======================================== */

[dir="rtl"] .sidebar {
    left: auto;
    right: 0;
    border-left: none;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

[dir="rtl"] .main-content {
    margin-left: 0;
    margin-right: 260px;
}

/* Mobile RTL */
@media (max-width: 768px) {
    [dir="rtl"] .sidebar {
        transform: translateX(100%);
        right: 0;
        left: auto;
    }
    
    [dir="rtl"] .sidebar.active {
        transform: translateX(0);
    }
    
    [dir="rtl"] .main-content {
        margin-right: 0;
        margin-left: 0;
    }
}

/* ========================================
   Menu Items - RTL
======================================== */

[dir="rtl"] .menu-item {
    text-align: right;
    padding-left: 1rem;
    padding-right: 1rem;
}

[dir="rtl"] .menu-item i {
    margin-left: 0.75rem;
    margin-right: 0;
}

[dir="rtl"] .menu-item .badge {
    left: 1rem;
    right: auto;
}

/* ========================================
   Header - RTL
======================================== */

[dir="rtl"] .header {
    direction: rtl;
}

[dir="rtl"] .user-menu {
    left: 1rem;
    right: auto;
}

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

/* ========================================
   Dashboard Grid - RTL
======================================== */

[dir="rtl"] .dashboard-grid {
    direction: rtl;
}

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

[dir="rtl"] .card-header {
    direction: rtl;
}

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

/* ========================================
   Forms - RTL
======================================== */

[dir="rtl"] .form-group {
    text-align: right;
}

[dir="rtl"] .form-group label {
    text-align: right;
}

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

[dir="rtl"] .form-group input[type="number"] {
    text-align: left;
    direction: ltr;
}

[dir="rtl"] .form-row {
    direction: rtl;
}

/* ========================================
   Buttons - RTL
======================================== */

[dir="rtl"] .btn {
    direction: rtl;
}

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

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

/* ========================================
   Tables - RTL
======================================== */

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

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

[dir="rtl"] .table-actions {
    text-align: left;
}

/* ========================================
   POS Layout - RTL
======================================== */

[dir="rtl"] .pos-layout {
    direction: rtl;
}

[dir="rtl"] .products-section {
    text-align: right;
}

[dir="rtl"] .product-card {
    text-align: center;
}

[dir="rtl"] .product-card h4 {
    text-align: center;
}

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

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

[dir="rtl"] .cart-item-info {
    text-align: right;
    margin-right: 0;
    margin-left: 0.75rem;
}

[dir="rtl"] .cart-item-actions {
    margin-left: 0;
    margin-right: auto;
}

[dir="rtl"] .quantity-controls {
    direction: ltr;
}

/* ========================================
   Modals - RTL
======================================== */

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

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

[dir="rtl"] .modal-close {
    left: 1rem;
    right: auto;
}

/* ========================================
   Search & Filters - RTL
======================================== */

[dir="rtl"] .search-box {
    direction: rtl;
}

[dir="rtl"] .search-box input {
    padding-right: 2.5rem;
    padding-left: 1rem;
    text-align: right;
}

[dir="rtl"] .search-box i {
    right: 0.75rem;
    left: auto;
}

[dir="rtl"] .filter-group {
    direction: rtl;
}

/* ========================================
   Notifications - RTL
======================================== */

[dir="rtl"] .notification {
    direction: rtl;
    text-align: right;
    right: auto;
    left: 1rem;
}

[dir="rtl"] .notification i {
    margin-left: 0.75rem;
    margin-right: 0;
}

/* ========================================
   Dropdown - RTL
======================================== */

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

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

/* ========================================
   Breadcrumb - RTL
======================================== */

[dir="rtl"] .breadcrumb {
    direction: rtl;
}

[dir="rtl"] .breadcrumb-item::before {
    content: "\\";
    margin: 0 0.5rem;
}

/* ========================================
   Pagination - RTL
======================================== */

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

/* ========================================
   Stats Cards - RTL
======================================== */

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

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

[dir="rtl"] .stat-value {
    text-align: right;
}

/* ========================================
   Charts - RTL
======================================== */

[dir="rtl"] .chart-container {
    direction: ltr; /* Charts stay LTR */
}

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

/* ========================================
   Tabs - RTL
======================================== */

[dir="rtl"] .tabs {
    direction: rtl;
}

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

/* ========================================
   Lists - RTL
======================================== */

[dir="rtl"] ul,
[dir="rtl"] ol {
    padding-right: 1.5rem;
    padding-left: 0;
}

[dir="rtl"] .list-item {
    text-align: right;
}

/* ========================================
   Icons - RTL
======================================== */

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

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

/* ========================================
   Badges - RTL
======================================== */

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

/* ========================================
   Tooltips - RTL
======================================== */

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

/* ========================================
   Progress Bars - RTL
======================================== */

[dir="rtl"] .progress {
    direction: ltr; /* Progress stays LTR */
}

/* ========================================
   Alerts - RTL
======================================== */

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

[dir="rtl"] .alert i {
    margin-left: 0.75rem;
    margin-right: 0;
}

/* ========================================
   Login/Register - RTL
======================================== */

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

[dir="rtl"] .auth-form {
    text-align: right;
}

/* ========================================
   Settings - RTL
======================================== */

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

[dir="rtl"] .setting-item {
    direction: rtl;
}

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

/* ========================================
   Reports - RTL
======================================== */

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

[dir="rtl"] .report-summary {
    direction: rtl;
}

/* ========================================
   Invoice Print - RTL
======================================== */

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

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

[dir="rtl"] .invoice-items {
    direction: rtl;
}

[dir="rtl"] .invoice-total {
    text-align: left;
}

/* ========================================
   Fixes for Specific Components
======================================== */

/* Fix number inputs in RTL */
[dir="rtl"] input[type="number"],
[dir="rtl"] .price,
[dir="rtl"] .amount,
[dir="rtl"] .quantity {
    direction: ltr;
    text-align: center;
}

/* Fix currency symbols */
[dir="rtl"] .currency {
    margin-right: 0.25rem;
    margin-left: 0;
}

/* Fix dates */
[dir="rtl"] .date,
[dir="rtl"] input[type="date"],
[dir="rtl"] input[type="time"],
[dir="rtl"] input[type="datetime-local"] {
    direction: ltr;
}

/* Fix phone numbers */
[dir="rtl"] input[type="tel"] {
    direction: ltr;
}

/* Fix emails */
[dir="rtl"] input[type="email"] {
    direction: ltr;
}

/* ========================================
   Scrollbar - RTL
======================================== */

[dir="rtl"] ::-webkit-scrollbar {
    left: 0;
    right: auto;
}

/* ========================================
   Flexbox - RTL Fixes
======================================== */

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

/* ========================================
   Grid - RTL Fixes
======================================== */

[dir="rtl"] .grid-rtl {
    direction: rtl;
}