/**
 * RTL (Right-to-Left) Support CSS
 * For Arabic, Hebrew, Persian, Urdu languages
 */

/* Apply RTL-specific styles only when html has dir="rtl" */
html[dir="rtl"] {
    direction: rtl;
    text-align: right;
}

/* Reset text alignment for RTL */
html[dir="rtl"] body {
    text-align: right;
}

/* Flip margins and paddings */
html[dir="rtl"] .mil-container,
html[dir="rtl"] .container {
    direction: rtl;
}

/* Navigation alignment */
html[dir="rtl"] .mil-top-panel {
    direction: rtl;
}

html[dir="rtl"] .mil-menu-btn {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .mil-logo {
    margin-right: 0;
    margin-left: 30px;
}

/* Menu items */
html[dir="rtl"] .mil-menu ul li {
    float: right;
    margin-left: 30px;
    margin-right: 0;
}

/* Buttons and Icons */
html[dir="rtl"] .mil-button i,
html[dir="rtl"] .mil-btn i {
    margin-left: 10px;
    margin-right: 0;
}

html[dir="rtl"] .mil-arrow {
    transform: scaleX(-1);
}

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

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

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

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

html[dir="rtl"] .mil-input-frame input,
html[dir="rtl"] .mil-input-frame textarea {
    padding-right: 20px;
    padding-left: 20px;
}

/* Language selector */
html[dir="rtl"] .mil-language-selector {
    direction: rtl;
}

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

/* Cards */
html[dir="rtl"] .mil-card,
html[dir="rtl"] .mil-service-card,
html[dir="rtl"] .mil-pricing-card {
    direction: rtl;
    text-align: right;
}

/* Feature icons */
html[dir="rtl"] .mil-icon-box i {
    float: right;
    margin-right: 0;
    margin-left: 20px;
}

/* Flex direction adjustments */
html[dir="rtl"] .mil-flex-container {
    flex-direction: row-reverse;
}

/* Grid adjustments */
html[dir="rtl"] .mil-grid {
    direction: rtl;
}

/* Footer */
html[dir="rtl"] .mil-footer {
    direction: rtl;
}

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

/* Breadcrumbs */
html[dir="rtl"] .mil-breadcrumbs li:after {
    content: "\\";
    transform: scaleX(-1);
}

/* Social icons */
html[dir="rtl"] .mil-social-icons {
    direction: ltr; /* Keep social icons in original order */
}

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

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

/* Modal */
html[dir="rtl"] .mil-modal {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .mil-close-btn {
    left: 20px;
    right: auto;
}

/* Tooltips */
html[dir="rtl"] .mil-tooltip {
    direction: rtl;
}

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

/* User info */
html[dir="rtl"] .mil-user-info {
    margin-left: 10px;
    margin-right: 0;
    direction: rtl;
}

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

/* Animations for RTL */
html[dir="rtl"] .mil-fade-in-left {
    animation-name: mil-fade-in-right;
}

html[dir="rtl"] .mil-fade-in-right {
    animation-name: mil-fade-in-left;
}

/* Charts and graphs - keep original direction */
html[dir="rtl"] .chart-container,
html[dir="rtl"] canvas,
html[dir="rtl"] svg {
    direction: ltr;
}

/* Numbers and prices - keep LTR */
html[dir="rtl"] .mil-price,
html[dir="rtl"] .mil-number,
html[dir="rtl"] .mil-currency {
    direction: ltr;
    display: inline-block;
}

/* Code blocks - keep LTR */
html[dir="rtl"] code,
html[dir="rtl"] pre {
    direction: ltr;
    text-align: left;
}

/* Email addresses and URLs - keep LTR */
html[dir="rtl"] .mil-email,
html[dir="rtl"] .mil-url {
    direction: ltr;
    display: inline-block;
}

/* Media queries for RTL */
@media (max-width: 768px) {
    html[dir="rtl"] .mil-mobile-menu {
        left: auto;
        right: 0;
    }
    
    html[dir="rtl"] .mil-burger {
        left: auto;
        right: 20px;
    }
}

/* Specific fixes for common issues */
html[dir="rtl"] .float-left {
    float: right !important;
}

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

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

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

/* Margin and padding utilities */
html[dir="rtl"] .ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

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

html[dir="rtl"] .pl-0 {
    padding-left: initial !important;
    padding-right: 0 !important;
}

html[dir="rtl"] .pr-0 {
    padding-right: initial !important;
    padding-left: 0 !important;
}

