/**
 * RTL (Right-to-Left) Support for IFINSTA Multilingual
 * Supports: Arabic, Hausa (RTL languages)
 */

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

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

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

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

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

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

/* Margin and Padding Utilities */
[dir="rtl"] .ifinsta-ml-auto {
    margin-left: 0;
    margin-right: auto;
}

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

[dir="rtl"] .ifinsta-ml-2 { margin-left: 0; margin-right: 0.5rem; }
[dir="rtl"] .ifinsta-mr-2 { margin-right: 0; margin-left: 0.5rem; }
[dir="rtl"] .ifinsta-ml-4 { margin-left: 0; margin-right: 1rem; }
[dir="rtl"] .ifinsta-mr-4 { margin-right: 0; margin-left: 1rem; }
[dir="rtl"] .ifinsta-ml-6 { margin-left: 0; margin-right: 1.5rem; }
[dir="rtl"] .ifinsta-mr-6 { margin-right: 0; margin-left: 1.5rem; }

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

/* Flex Utilities */
[dir="rtl"] .ifinsta-flex-row {
    flex-direction: row-reverse;
}

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

/* Position Utilities */
[dir="rtl"] .ifinsta-left-0 {
    left: auto;
    right: 0;
}

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

/* Border Radius for RTL */
[dir="rtl"] .ifinsta-rounded-l {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--ifinsta-radius-md);
    border-bottom-right-radius: var(--ifinsta-radius-md);
}

[dir="rtl"] .ifinsta-rounded-r {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--ifinsta-radius-md);
    border-bottom-left-radius: var(--ifinsta-radius-md);
}

/* Navigation RTL */
[dir="rtl"] .ifinsta-nav {
    direction: rtl;
}

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

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

[dir="rtl"] .ifinsta-sidebar {
    right: 0;
    left: auto;
    transform: translateX(100%);
}

[dir="rtl"] .ifinsta-sidebar.ifinsta-sidebar--open {
    transform: translateX(0);
}

[dir="rtl"] .ifinsta-sidebar-toggle {
    right: auto;
    left: 1rem;
}

/* Forms RTL */
[dir="rtl"] .ifinsta-form-group {
    direction: rtl;
}

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

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

[dir="rtl"] .ifinsta-input::placeholder {
    text-align: right;
}

/* Checkbox and Radio RTL */
[dir="rtl"] .ifinsta-checkbox,
[dir="rtl"] .ifinsta-radio {
    margin-left: 0.5rem;
    margin-right: 0;
}

[dir="rtl"] .ifinsta-checkbox-label,
[dir="rtl"] .ifinsta-radio-label {
    margin-right: 0.5rem;
    margin-left: 0;
}

/* Tables RTL */
[dir="rtl"] .ifinsta-table th:first-child,
[dir="rtl"] .ifinsta-table td:first-child {
    border-right: none;
    border-left: 1px solid var(--ifinsta-border);
}

[dir="rtl"] .ifinsta-table th:last-child,
[dir="rtl"] .ifinsta-table td:last-child {
    border-left: none;
    border-right: 1px solid var(--ifinsta-border);
}

/* Card RTL */
[dir="rtl"] .ifinsta-card-header .ifinsta-card-actions {
    text-align: left;
    direction: ltr;
}

/* Modal RTL */
[dir="rtl"] .ifinsta-modal-close {
    left: 1rem;
    right: auto;
}

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

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

[dir="rtl"] .ifinsta-modal-footer .ifinsta-btn:first-child {
    margin-left: 0;
}

/* Alerts RTL */
[dir="rtl"] .ifinsta-alert-icon {
    margin-right: 0;
    margin-left: 0.75rem;
}

[dir="rtl"] .ifinsta-alert-close {
    left: 0.5rem;
    right: auto;
}

/* Toast RTL */
[dir="rtl"] .ifinsta-toast {
    text-align: right;
}

[dir="rtl"] .ifinsta-toast-close {
    left: 0.5rem;
    right: auto;
}

/* Pagination RTL */
[dir="rtl"] .ifinsta-pagination {
    justify-content: flex-start;
}

[dir="rtl"] .ifinsta-pagination-prev {
    order: 2;
}

[dir="rtl"] .ifinsta-pagination-next {
    order: 0;
}

/* Tooltip RTL */
[dir="rtl"] .ifinsta-tooltip {
    text-align: right;
}

[dir="rtl"] .ifinsta-tooltip[data-position="top"]::before,
[dir="rtl"] .ifinsta-tooltip[data-position="top"]::after {
    left: auto;
    right: 50%;
}

/* Search RTL */
[dir="rtl"] .ifinsta-search-icon {
    left: 0.75rem;
    right: auto;
}

[dir="rtl"] .ifinsta-search-input {
    padding-left: 2.5rem;
    padding-right: 0.75rem;
}

/* Sidebar Navigation RTL */
[dir="rtl"] .ifinsta-sidebar-nav {
    text-align: right;
}

[dir="rtl"] .ifinsta-sidebar-item-icon {
    margin-left: 0.75rem;
    margin-right: 0;
}

[dir="rtl"] .ifinsta-sidebar-item-arrow {
    transform: rotate(180deg);
    margin-left: 0;
    margin-right: auto;
}

/* POS Terminal RTL */
[dir="rtl"] .ifinsta-pos {
    direction: rtl;
}

[dir="rtl"] .ifinsta-pos-sidebar {
    right: 0;
    left: auto;
    border-right: none;
    border-left: 1px solid var(--ifinsta-border);
}

[dir="rtl"] .ifinsta-pos-main {
    margin-right: 320px;
    margin-left: 0;
}

[dir="rtl"] .ifinsta-pos-cart {
    right: 320px;
    left: 0;
    transform: translateX(100%);
}

[dir="rtl"] .ifinsta-pos-cart.ifinsta-pos-cart--open {
    transform: translateX(0);
}

/* Buttons RTL */
[dir="rtl"] .ifinsta-btn-icon {
    margin-left: 0.5rem;
    margin-right: 0;
}

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

/* Language Selector RTL Specific */
.ifinsta-language-selector--rtl {
    direction: rtl;
}

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

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

[dir="rtl"] .ifinsta-language-item {
    flex-direction: row-reverse;
    text-align: right;
}

[dir="rtl"] .ifinsta-language-item-flag {
    order: 2;
}

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

/* Chart RTL */
[dir="rtl"] .ifinsta-chart-container {
    direction: ltr; /* Keep charts LTR for consistency */
}

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

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

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

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

/* Mobile RTL Adjustments */
@media (max-width: 768px) {
    [dir="rtl"] .ifinsta-pos-main {
        margin-right: 0;
        margin-left: 0;
    }

    [dir="rtl"] .ifinsta-pos-sidebar {
        transform: translateX(100%);
    }

    [dir="rtl"] .ifinsta-pos-sidebar.ifinsta-pos-sidebar--mobile-open {
        transform: translateX(0);
    }

    [dir="rtl"] .ifinsta-pos-cart {
        right: 0;
        left: 0;
        transform: translateX(100%);
    }

    [dir="rtl"] .ifinsta-pos-cart.ifinsta-pos-cart--mobile-open {
        transform: translateX(0);
    }
}

/* Dark Mode RTL */
[data-theme="dark"][dir="rtl"] .ifinsta-dropdown-menu {
    background: var(--ifinsta-surface-dark);
    border-color: var(--ifinsta-border-dark);
}

[data-theme="dark"][dir="rtl"] .ifinsta-input:focus,
[data-theme="dark"][dir="rtl"] .ifinsta-select:focus,
[data-theme="dark"][dir="rtl"] .ifinsta-textarea:focus {
    border-right-color: var(--ifinsta-primary-600);
    border-left-color: var(--ifinsta-border);
}