/* RTL Support for Arabic language */
body[dir="rtl"] {
    text-align: right;
}

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

body[dir="rtl"] .logo img {
    margin-right: 0;
    margin-left: 10px;
}

body[dir="rtl"] .mobile-menu-toggle {
    margin-left: 0;
    margin-right: auto;
}

body[dir="rtl"] .menu > li > a {
    padding: 15px 20px;
}

body[dir="rtl"] .dropdown-icon {
    margin-left: 0;
    margin-right: 5px;
}

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

body[dir="rtl"] .sub-menu li a {
    padding-left: 20px;
    padding-right: 40px;
}

body[dir="rtl"] .text-link::after {
    content: '←';
    margin-left: 0;
    margin-right: 5px;
}

body[dir="rtl"] .text-link:hover::after {
    margin-left: 0;
    margin-right: 10px;
}

body[dir="rtl"] .product-list li {
    padding-left: 0;
    padding-right: 25px;
}

body[dir="rtl"] .product-list li::before {
    left: auto;
    right: 0;
}

body[dir="rtl"] .feature-list li {
    padding-left: 0;
    padding-right: 25px;
}

body[dir="rtl"] .feature-list li::before {
    left: auto;
    right: 0;
}

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

body[dir="rtl"] .contact-item .icon {
    margin-right: 0;
    margin-left: 15px;
}

body[dir="rtl"] .slider-arrow.prev {
    transform: rotate(180deg);
}

body[dir="rtl"] .slider-arrow.next {
    transform: rotate(180deg);
}

body[dir="rtl"] .product-category.reverse {
    direction: ltr;
}

body[dir="rtl"] .product-category.reverse .product-category-content {
    direction: rtl;
}

body[dir="rtl"] .highlight i {
    margin-right: 0;
    margin-left: 10px;
}

/* Language selector RTL */
body[dir="rtl"] .language-selector-inner {
    flex-direction: row-reverse;
}

body[dir="rtl"] .language-options {
    left: auto;
    right: 0;
}
.flag-icon {
    margin-right: 0;
    margin-left: 6px;
}

.language-name {
    margin-right: 0;
    margin-left: 6px;
}

.language-dropdown {
    right: auto;
    left: 0;
}

.language-option .flag-icon {
    margin-right: 0;
    margin-left: 8px;
}

.header-right {
    flex-direction: row-reverse;
}