/**
 * RTL Support for Arabic Language
 * دعم اللغة العربية والاتجاه من اليمين لليسار
 */

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

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

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

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

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

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

html[dir="rtl"] .navbar-links li {
    margin-left: 0;
    margin-right: 20px;
}

html[dir="rtl"] .navbar-links li:first-child {
    margin-right: 0;
}

/* Sidebar RTL */
html[dir="rtl"] .sidebar {
    right: 0;
    left: auto;
    transform: translateX(100%);
}

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

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

html[dir="rtl"] .search-sidebar.active {
    transform: translateX(0);
}

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

html[dir="rtl"] .user-sidebar.active {
    transform: translateX(0);
}

/* Buttons RTL */
html[dir="rtl"] .search-btn {
    flex-direction: row-reverse;
}

html[dir="rtl"] .search-btn i {
    margin-left: 8px;
    margin-right: 0;
}

html[dir="rtl"] .search-btn span {
    margin-right: 8px;
    margin-left: 0;
}

/* Forms RTL */
html[dir="rtl"] .form-group {
    text-align: right;
}

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

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

/* Cards and Grids RTL */
html[dir="rtl"] .main-items-grid {
    direction: rtl;
}

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

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

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

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

/* Help Page RTL */
html[dir="rtl"] .help-question-item {
    flex-direction: row-reverse;
}

html[dir="rtl"] .help-question-icon {
    margin-left: 0;
    margin-right: 12px;
    transform: scaleX(-1);
}

html[dir="rtl"] .help-question-item:hover .help-question-icon {
    transform: scaleX(-1) translateX(-4px);
}

/* Modal RTL */
html[dir="rtl"] .help-modal-header {
    flex-direction: row-reverse;
}

html[dir="rtl"] .help-modal-close {
    left: 16px;
    right: auto;
}

/* User Sidebar Nav RTL */
html[dir="rtl"] .user-nav-link {
    flex-direction: row-reverse;
}

html[dir="rtl"] .user-nav-arrow {
    margin-left: 0;
    margin-right: auto;
    transform: scaleX(-1);
}

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

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

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

html[dir="rtl"] .float-right {
    float: 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;
}

/* Language Button */
#languageBtn {
    transition: all 0.3s ease;
}

#languageBtn:hover {
    transform: translateY(-1px);
}

#languageBtn i {
    font-size: 1.1rem;
}