/**
 * Abouhamar Mall - RTL CSS File
 * Special styles for Arabic language
 */

/* ==================== RTL Overrides ==================== */
body.rtl {
    direction: rtl;
    text-align: right;
}

.rtl .me-1, .rtl .me-2, .rtl .me-3, .rtl .me-4, .rtl .me-5 {
    margin-right: 0 !important;
}

.rtl .ms-1 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
}

.rtl .ms-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

.rtl .ms-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}

.rtl .ms-4 {
    margin-left: 0 !important;
    margin-right: 1.5rem !important;
}

.rtl .ms-5 {
    margin-left: 0 !important;
    margin-right: 3rem !important;
}

.rtl .me-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
}

.rtl .me-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

.rtl .me-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

.rtl .me-4 {
    margin-right: 0 !important;
    margin-left: 1.5rem !important;
}

.rtl .me-5 {
    margin-right: 0 !important;
    margin-left: 3rem !important;
}

.rtl .text-start {
    text-align: right !important;
}

.rtl .text-end {
    text-align: left !important;
}

.rtl .float-start {
    float: right !important;
}

.rtl .float-end {
    float: left !important;
}

/* RTL Header Styles */
/* Top Bar */
.rtl .top-bar-item {
    margin-right: 0;
    margin-left: 20px;
}

.rtl .top-bar-item i {
    margin-right: 0;
    margin-left: 6px;
}

/* Nav link active indicator for RTL */
.rtl .nav-link.active::after {
    left: auto;
    right: 0;
}

/* Search form */
.rtl .search-form .form-control {
    border-radius: 0 4px 4px 0;
}

.rtl .search-form .form-select {
    border-left: 1px solid #ddd;
    border-right: none;
}

.rtl .search-form .btn {
    border-radius: 4px 0 0 4px;
}

/* User Actions */
.rtl .user-action-btn {
    margin-left: 0;
    margin-right: 15px;
}

.rtl .cart-count, .rtl .wishlist-count {
    right: auto;
    left: -5px;
}

/* Header navigation */
.rtl .navbar-nav {
    padding-right: 0;
}

.rtl .dropdown-menu {
    left: auto;
    right: 0;
    text-align: right;
}

.rtl .me-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

.rtl .ms-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Mobile Menu */
.rtl .mobile-nav {
    right: auto;
    left: -300px;
    transition: left 0.3s ease;
}

.rtl .mobile-nav.active {
    right: auto;
    left: 0;
}

.rtl .mobile-menu-toggle {
    margin-left: 0;
    margin-right: 15px;
}

.rtl .mobile-menu-link i {
    margin-right: 0;
    margin-left: 10px;
}

/* Mobile search form */
.rtl .mobile-search-form .form-control {
    border-radius: 0 4px 4px 0;
    border-right: 1px solid var(--border-color);
    border-left: 0;
}

.rtl .mobile-search-form .btn {
    border-radius: 4px 0 0 4px;
}

/* Slide-in Cart */
.rtl .slide-in-cart {
    right: auto;
    left: -400px;
    box-shadow: 5px 0 15px rgba(0, 0, 0, 0.1);
    transition: left 0.3s ease;
}

.rtl .slide-in-cart.active {
    left: 0;
}

.rtl .slide-in-cart-item-image {
    margin-right: 0;
    margin-left: 15px;
}

/* Product card */
.rtl .product-card .product-price .original-price {
    margin-right: 0;
    margin-left: 5px;
}

/* Product detail */
.rtl .product-detail .product-price .original-price {
    margin-right: 0;
    margin-left: 10px;
}

/* Cart summary */
.rtl .cart-summary .summary-item {
    flex-direction: row-reverse;
}

/* Forms */
.rtl .form-check {
    padding-right: 1.5em;
    padding-left: 0;
}

.rtl .form-check .form-check-input {
    float: right;
    margin-right: -1.5em;
    margin-left: 0;
}

/* Buttons with icons */
.rtl .btn i {
    margin-right: 0;
}

.rtl .btn i.me-1 {
    margin-right: 0;
    margin-left: 0.25rem;
}

.rtl .btn i.me-2 {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Lists */
.rtl ul, .rtl ol {
    padding-right: 2rem;
    padding-left: 0;
}

.rtl .list-unstyled {
    padding-right: 0;
}

/* Footer */
.rtl .footer ul {
    padding-right: 0;
}

.rtl .footer .social-links a {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Bootstrap modal */
.rtl .modal-header .btn-close {
    margin: -0.5rem auto -0.5rem -0.5rem;
}

/* Fix for Bootstrap icons */
.rtl .fa-chevron-right:before {
    content: "\f053"; /* fa-chevron-left */
}

.rtl .fa-chevron-left:before {
    content: "\f054"; /* fa-chevron-right */
}

.rtl .fa-long-arrow-right:before {
    content: "\f177"; /* fa-long-arrow-left */
}

.rtl .fa-long-arrow-left:before {
    content: "\f178"; /* fa-long-arrow-right */
}

/* Responsive Overrides */
@media (max-width: 768px) {
    .rtl .user-action-btn {
        margin-left: 0;
        margin-right: 15px;
    }
}

@media (max-width: 576px) {
    .rtl .user-action-btn {
        margin-left: 0;
        margin-right: 10px;
    }
}

/* Mobile RTL Adjustments */
@media (max-width: 768px) {
    .rtl .mobile-menu-toggle {
        margin-right: 0;
        margin-left: 15px;
    }
    
    .rtl .user-action-btn {
        margin-right: 15px;
        margin-left: 0;
    }
    
    .rtl .top-bar-item {
        margin: 0 8px;
    }
    
    /* Mobile navigation RTL */
    .rtl .mobile-nav-close {
        margin-left: 0;
        margin-right: auto;
    }
}

@media (max-width: 576px) {
    .rtl .user-action-btn {
        margin-right: 10px;
        margin-left: 0;
    }
    
    .rtl .top-bar-contact,
    .rtl .top-bar-actions {
        justify-content: center;
    }
}