/* RTL Styles for Persian/Arabic Language Support */

/* Global RTL Settings */
* {
    direction: rtl;
}

body {
    direction: rtl;
    text-align: right;
}

/* Text Alignment */
h1, h2, h3, h4, h5, h6, p, div, span, a, li, label {
    direction: rtl;
    text-align: right;
}

/* Inputs and Forms */
input, textarea, select, button {
    direction: rtl;
    text-align: right;
}

input::placeholder,
textarea::placeholder {
    text-align: right;
    direction: rtl;
}

/* Sidebar - Move from left to right */
.mn-sidebar {
    left: auto !important;
    right: 0 ;
}

.mn-sidebar-overlay {
    left: auto !important;
    right: 0 !important;
}

.mn-main-content.sb-hide {
    padding: 0 30px 0 30px !important;
}

/* Header - Adjust padding for RTL */
header {
    padding: 0 330px 0 30px !important;
}

header.sb-hide {
    padding: 0 30px 0 30px !important;
}

/* Float Adjustments */
.float-left {
    float: right !important;
}

.float-right {
    float: left !important;
}

/* Text Alignment Classes */
.text-left {
    text-align: right !important;
}

.text-right {
    text-align: left !important;
}

/* Margin and Padding Adjustments */
.mr-auto {
    margin-right: 0 !important;
    margin-left: auto !important;
}

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

.pr-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Flexbox Direction */
.flex-row-reverse {
    flex-direction: row !important;
}

/* Icons and Arrows - Flip for RTL */
.ri-arrow-right-s-line:before {
    content: "\ea64" !important; /* arrow-left */
}

.ri-arrow-left-s-line:before {
    content: "\ea6e" !important; /* arrow-right */
}

/* Dropdown Menus */
.dropdown-menu {
    right: 0 !important;
    left: auto !important;
}

/* Cart and Wishlist Sidebars */
.mn-side-cart,
.mn-side-wishlist,
.mn-side-search {
    right: 0 !important;
    left: auto !important;
}

/* Breadcrumb */
.mn-breadcrumb-list {
    text-align: left !important;
}

/* Responsive Adjustments */
@media only screen and (max-width: 1399px) {
    .mn-main-content {
        padding: 0 30px 0 30px !important;
    }
    
    header {
        padding: 0 30px 0 30px !important;
    }
}

@media only screen and (max-width: 991px) {
    .mn-main-content {
        padding: 0 !important;
    }
    
    .mn-main-content.sb-hide {
        padding: 0 15px 0 15px !important;
    }
}

@media only screen and (max-width: 575px) {
    .mn-main-content.sb-hide {
        margin: 30px 12px 0 12px !important;
        padding: 0 !important;
    }
    
    .mn-main-content {
        margin: 30px 12px 0 12px !important;
    }
}