/* Arabic RTL Styles */

/* Arabic Font (loaded in layout when locale=ar) */
html[dir="rtl"] body,
body[dir="rtl"] {
    font-family: "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;
}

/* Apply Cairo to *everything* in RTL (icons/fonts are re-forced below) */
html[dir="rtl"] body * {
    font-family: inherit !important;
}

/* Force Cairo across common text tags in Arabic to override theme fonts (e.g., Poppins) */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6,
html[dir="rtl"] p,
html[dir="rtl"] span,
html[dir="rtl"] a,
html[dir="rtl"] li,
html[dir="rtl"] label,
html[dir="rtl"] small,
html[dir="rtl"] strong,
html[dir="rtl"] em,
html[dir="rtl"] div,
html[dir="rtl"] section,
html[dir="rtl"] header,
html[dir="rtl"] footer,
html[dir="rtl"] nav,
html[dir="rtl"] td,
html[dir="rtl"] th,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
    font-family: inherit !important;
}


/* Line Awesome: ensure its font is preserved in RTL */
html[dir="rtl"] .la,
html[dir="rtl"] .la::before,
html[dir="rtl"] [class^="la-"],
html[dir="rtl"] [class^="la-"]::before,
html[dir="rtl"] [class*=" la-"],
html[dir="rtl"] [class*=" la-"]::before {
    font-family: LineAwesome !important;
}

/* Ratings stars: force Molla icon font so stars don't turn into squares in RTL */
html[dir="rtl"] .ratings,
html[dir="rtl"] .ratings::before,
html[dir="rtl"] .ratings-val,
html[dir="rtl"] .ratings-val::before {
    font-family: "molla" !important;
}

html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea,
html[dir="rtl"] button,
body[dir="rtl"] input,
body[dir="rtl"] select,
body[dir="rtl"] textarea,
body[dir="rtl"] button {
    font-family: inherit;
}

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

/* Ensure body inherits RTL */
body[dir="rtl"] * {
    direction: inherit;
}

/* Reset text-align for specific elements that should remain centered */
body[dir="rtl"] .text-center,
body[dir="rtl"] .btn,
body[dir="rtl"] .modal-title,
body[dir="rtl"] .card-title {
    text-align: center !important;
}

/* Header RTL */
/* NOTE: Avoid global centering rules that can break header flex layout. */

/* CRITICAL FIX: Slider Visibility */
body[dir="rtl"] .slider-text-box {
    background: #ffffff75 !important;
    padding: 20px;
    border-radius: 20px;
}
html[dir="rtl"] body[dir="rtl"] .intro-slider-container {
    direction: ltr !important;
    height: 310px !important;
    min-height: 310px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

html[dir="rtl"] body[dir="rtl"] .intro-slider {
    direction: ltr !important;
    height: 310px !important;
    display: block !important;
}

html[dir="rtl"] body[dir="rtl"] .intro-slide {
    direction: ltr !important;
    height: 310px !important;
    display: block !important;
    background-size: cover !important;
}

/* CRITICAL FIX: Dark Mode Toggle Visibility */
html[dir="rtl"] body[dir="rtl"] .dark-mode-toggle-wrapper {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

html[dir="rtl"] body[dir="rtl"] .dark-mode-toggle {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

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

body[dir="rtl"] .menu>li {
    float: right;
    margin-right: 0;
    margin-left: 1.5rem;
}

body[dir="rtl"] .menu>li:first-child {
    margin-left: 0;
}

body[dir="rtl"] .menu>li>a::before {
    left: auto;
    right: 0;
}

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

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

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

/* CRITICAL FIX: Search Bar RTL Layout */
html[dir="rtl"] body[dir="rtl"] .header-search-wrapper {
    display: flex !important;
    flex-direction: row-reverse !important;
}

html[dir="rtl"] body[dir="rtl"] .search-btn-left {
    order: 1 !important;
    border-radius: 0 20px 20px 0 !important;
    border-left: none !important;
    border-right-width: 1px !important;
    border-right-style: solid !important;
}

html[dir="rtl"] body[dir="rtl"] .search-input-field {
    order: 2 !important;
    border-radius: 0 !important;
    text-align: right !important;
}

html[dir="rtl"] body[dir="rtl"] .search-type-select {
    order: 3 !important;
    border-radius: 20px 0 0 20px !important;
    border-right: none !important;
    border-left-width: 1px !important;
    border-left-style: solid !important;
    background-position: left 0.3rem center !important;
    padding-left: 1.3rem !important;
    padding-right: 0.5rem !important;
    text-align: right !important;
}

/* Search Bar RTL - Correct order: Select (right), Input (middle), Button (left) */
body[dir="rtl"] .header-search-wrapper {
    flex-direction: row-reverse !important;

}
body[dir="rtl"] .header-search-wrapper select{
        background: #d4af37;
    color: black;
    font-weight: 400;
}

body[dir="rtl"] .search-btn-left {
    order: 1 !important;
    border-radius: 0 20px 20px 0 !important;
    border-left: none !important;
    border-right-width: 1px !important;
    border-right-style: solid !important;
    /* Color inherited from theme */
}

body[dir="rtl"] .search-input-field {
    order: 2 !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    text-align: right !important;
}

body[dir="rtl"] .search-type-select {
    order: 3 !important;
    border-radius: 20px 0 0 20px !important;
    border-right: none !important;
    border-left-width: 1px !important;
    border-left-style: solid !important;
    background-position: left 0.3rem center !important;
    padding-left: 1.3rem !important;
    padding-right: 0.5rem !important;
    text-align: right !important;
}

/* Header Top Links RTL - Better spacing */
body[dir="rtl"] .header-top {
    background-color: #d4af37;
}
body[dir="rtl"] .header-top a {
    margin-right: 0;
    margin-left: 1rem;
}

body[dir="rtl"] .header-top a:first-child {
    margin-left: 0;
}

/* Top Menu Items RTL - Ensure proper order */
body[dir="rtl"] .top-menu>li>a {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

/* Category Navigation Active State RTL */
body[dir="rtl"] .nav.nav-pills .nav-link.active::before {
    left: auto;
    right: 0;
}

/* Product Card Category Text RTL */
body[dir="rtl"] .product-cat {
    text-align: right;
}

body[dir="rtl"] .product-cat a {
    margin-right: 0;
    margin-left: 0.25rem;
}

body[dir="rtl"] .product-cat a:first-child {
    margin-left: 0;
}

/* Product Title RTL */
body[dir="rtl"] .product-title {
    text-align: right;
}

body[dir="rtl"] .product-title a {
    text-align: right;
}

/* Product Price RTL */
body[dir="rtl"] .product-price {
    text-align: right;
    justify-content: flex-start;
}

body[dir="rtl"] .product-price .new-price {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Ratings RTL */
body[dir="rtl"] .ratings-container {
    text-align: right;
    justify-content: flex-end;
}

body[dir="rtl"] .ratings-text {
    margin-right: 0.5rem;
    margin-left: 0;
}

/* Footer Widgets RTL */
body[dir="rtl"] .footer .widget {
    text-align: right;
}

body[dir="rtl"] .footer .widget-title {
    text-align: right;
}

body[dir="rtl"] .footer .widget-list {
    text-align: right;
}

body[dir="rtl"] .footer .widget-list li {
    text-align: right;
}

/* Footer Newsletter Input RTL */
body[dir="rtl"] .footer-newsletter .form-control {
    text-align: right;
    padding-right: 1rem;
    padding-left: 0;
}

/* Footer Bottom RTL */
body[dir="rtl"] .footer-bottom .container {
    flex-direction: row-reverse;
}

body[dir="rtl"] .footer-bottom .footer-copyright {
    text-align: right;
    margin-right: 0;
    margin-left: auto;
}

body[dir="rtl"] .footer-bottom .footer-payments {
    text-align: left;
    margin-left: 0;
    margin-right: auto;
}

/* Product Cards RTL */
body[dir="rtl"] .product {
    text-align: right;
}

body[dir="rtl"] .product-body {
    text-align: right;
}

body[dir="rtl"] .product-action-vertical {
    left: auto;
    right: 0;
}

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

/* Buttons RTL */
body[dir="rtl"] .btn {
    text-align: center;
}

body[dir="rtl"] .btn i.icon-long-arrow-right::before {
    content: "\e87c";
    transform: rotate(180deg);
}

body[dir="rtl"] .btn i.icon-angle-right::before {
    content: "\e87d";
    transform: rotate(180deg);
}

body[dir="rtl"] .btn i.icon-angle-left::before {
    content: "\e87e";
    transform: rotate(180deg);
}

/* Forms RTL */
body[dir="rtl"] .form-control {
    text-align: right;
    padding-right: 0.75rem;
    padding-left: 2.5rem;
}

body[dir="rtl"] .form-control:focus {
    padding-right: 0.75rem;
    padding-left: 2.5rem;
}

body[dir="rtl"] .input-group-prepend {
    margin-right: 0;
    margin-left: -1px;
}

body[dir="rtl"] .input-group-append {
    margin-left: 0;
    margin-right: -1px;
}

/* Labels RTL */
body[dir="rtl"] .form-label,
body[dir="rtl"] label {
    text-align: right;
}

/* Product Labels RTL */
body[dir="rtl"] .product-label {
    left: auto;
    right: 0.5rem;
}

body[dir="rtl"] .product-label.label-new {
    right: 0.5rem;
    left: auto;
}

body[dir="rtl"] .product-label.label-sale {
    right: 0.5rem;
    left: auto;
}

body[dir="rtl"] .product-label.label-top {
    right: 0.5rem;
    left: auto;
}

/* Cart Dropdown RTL */
body[dir="rtl"] .dropdown-cart-products {
    text-align: right;
}

body[dir="rtl"] .product-cart-details {
    text-align: right;
    padding-right: 0;
    padding-left: 1rem;
}

body[dir="rtl"] .product-image-container {
    float: left;
    margin-right: 0;
    margin-left: 1rem;
}

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

/* Pagination RTL */
body[dir="rtl"] .pagination {
    direction: rtl;
}

body[dir="rtl"] .page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0.25rem;
}

body[dir="rtl"] .page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0.25rem;
}

/* Breadcrumbs RTL */
body[dir="rtl"] .breadcrumb {
    direction: rtl;
    text-align: right;
}

body[dir="rtl"] .breadcrumb-item+.breadcrumb-item::before {
    content: "\\" !important;
    padding-right: 0.5rem;
    padding-left: 0;
    float: right;
}

/* Sidebar RTL */

body[dir="rtl"]  .sidebar-shop .widget-title {
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 1rem;
}
body[dir="rtl"] .sidebar {
    margin-right: 0;
    margin-left: 2rem;
}

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

/* Toolbox RTL */
body[dir="rtl"] .toolbox {
    /* flex-direction: row-reverse; */
}

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

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

/* Filters RTL */
body[dir="rtl"] .widget {
    text-align: right;
}

body[dir="rtl"] .widget-title {
    text-align: left;
}

body[dir="rtl"] .widget-body {
    text-align: right;
}

/* Price Filter RTL */
body[dir="rtl"] .price-filter {
    direction: rtl;
}

body[dir="rtl"] .price-filter-form {
    text-align: right;
}

/* Checkout RTL */
body[dir="rtl"] .checkout-summary {
    text-align: right;
}

body[dir="rtl"] .order-summary {
    text-align: right;
}

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

/* Account Pages RTL */
body[dir="rtl"] .account-sidebar {
    float: right;
    margin-right: 0;
    margin-left: 2rem;
}

body[dir="rtl"] .account-content {
    float: left;
    margin-left: 0;
    margin-right: 2rem;
}

/* Tables RTL */
body[dir="rtl"] table {
    direction: rtl;
    text-align: right;
}

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

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

body[dir="rtl"] .modal-header .close {
    margin-left: 0;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 0;
}

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

/* Icons RTL */
body[dir="rtl"] .icon-angle-down::before {
    transform: rotate(180deg);
}

body[dir="rtl"] .icon-angle-up::before {
    transform: rotate(180deg);
}

/* Floating Cart RTL */
body[dir="rtl"] #floating-cart {
    left: 20px !important;
    right: auto !important;
    z-index: 998 !important;
}

body[dir="rtl"] #floating-cart.show {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Scroll to Top RTL */
body[dir="rtl"] #scroll-top {
    left: 20px;
    right: auto;
}

/* Location Modal RTL */
body[dir="rtl"] .location-modal .modal-body {
    text-align: right;
}

body[dir="rtl"] .saved-addresses {
    text-align: right;
}

/* Category Dropdown RTL */
body[dir="rtl"] .category-dropdown .dropdown-menu {
    left: auto;
    right: 0;
    text-align: right;
}

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

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

body[dir="rtl"] .category-item-arrow {
    margin-left: 0;
    margin-right: auto;
    transform: rotate(180deg);
}

/* Compare Dropdown RTL */
body[dir="rtl"] .compare-dropdown .dropdown-menu {
    left: auto;
    right: 0;
    text-align: right;
}

/* Wishlist Dropdown RTL */
body[dir="rtl"] .wishlist-dropdown .dropdown-menu {
    left: auto;
    right: 0;
    text-align: right;
}

/* Top Menu RTL */
body[dir="rtl"] .top-menu {
    direction: rtl;
}

body[dir="rtl"] .top-menu>li {
    float: right;
    margin-right: 0;
    margin-left: 1rem;
}

body[dir="rtl"] .top-menu>li:first-child {
    margin-left: 0;
}

/* Header Dropdown RTL */
body[dir="rtl"] .header-dropdown {
    text-align: right;
}

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

body[dir="rtl"] .header-menu ul {
    text-align: right;
}

/* Footer RTL */
body[dir="rtl"] .footer {
    text-align: right;
}

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

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

/* Owl Carousel RTL */
body[dir="rtl"] .owl-carousel:not(.intro-slider) {
    direction: rtl;
}

body[dir="rtl"] .owl-nav {
    direction: ltr;
}

body[dir="rtl"] .owl-nav .owl-prev {
    left: auto;
    right: 0;
}

body[dir="rtl"] .owl-nav .owl-next {
    right: auto;
    left: 0;
}

/* Product List Item RTL */
body[dir="rtl"] .product-list-item {
    flex-direction: row-reverse;
    text-align: right;
}

body[dir="rtl"] .product-list-item .product-media {
    margin-right: 0;
    margin-left: 2rem;
}

body[dir="rtl"] .product-list-item .product-body {
    text-align: right;
}

/* Badges RTL */
body[dir="rtl"] .badge {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Alerts RTL */
body[dir="rtl"] .alert {
    text-align: right;
    padding-right: 1rem;
    padding-left: 3rem;
}

body[dir="rtl"] .alert-dismissible .close {
    right: auto;
    left: 0;
    padding-right: 1rem;
    padding-left: 0;
}

/* Toast Notifications RTL */
body[dir="rtl"] .toast {
    direction: rtl;
    text-align: right;
}

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

body[dir="rtl"] .toast-header .close {
    margin-left: 0;
    margin-right: auto;
}

/* Radio Buttons RTL */
body[dir="rtl"] .form-check {
    padding-right: 1.5rem;
    padding-left: 0;
}

body[dir="rtl"] .form-check-input {
    margin-right: -1.5rem;
    margin-left: 0;
    float: right;
}

body[dir="rtl"] .form-check-label {
    padding-right: 0.5rem;
    padding-left: 0;
}

/* Checkboxes RTL */
body[dir="rtl"] .custom-control-label {
    padding-right: 2.6rem;
    padding-left: 0 !important;
}
body[dir="rtl"] .custom-checkbox .custom-control-label::before,
body[dir="rtl"] .custom-checkbox .custom-control-label::after {
    right: 0;
    left: auto;
}

/* Input Groups RTL */
body[dir="rtl"] .input-group>.form-control:not(:last-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0.25rem;
}

body[dir="rtl"] .input-group>.form-control:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0.25rem;
}

/* Spacing Utilities RTL */
body[dir="rtl"] .ml-auto {
    margin-left: 0 !important;
    margin-right: auto !important;
}

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

/* Margin Left/Right Swap */
body[dir="rtl"] .ml-1 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
}

body[dir="rtl"] .ml-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

body[dir="rtl"] .ml-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}

body[dir="rtl"] .ml-4 {
    margin-left: 0 !important;
    margin-right: 1.5rem !important;
}

body[dir="rtl"] .ml-5 {
    margin-left: 0 !important;
    margin-right: 3rem !important;
}

body[dir="rtl"] .mr-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
}

body[dir="rtl"] .mr-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

body[dir="rtl"] .mr-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

body[dir="rtl"] .mr-4 {
    margin-right: 0 !important;
    margin-left: 1.5rem !important;
}

body[dir="rtl"] .mr-5 {
    margin-right: 0 !important;
    margin-left: 3rem !important;
}

/* Padding Left/Right Swap */
body[dir="rtl"] .pl-1 {
    padding-left: 0 !important;
    padding-right: 0.25rem !important;
}

body[dir="rtl"] .pl-2 {
    padding-left: 0 !important;
    padding-right: 0.5rem !important;
}

body[dir="rtl"] .pl-3 {
    padding-left: 0 !important;
    padding-right: 1rem !important;
}

body[dir="rtl"] .pl-4 {
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
}

body[dir="rtl"] .pl-5 {
    padding-left: 0 !important;
    padding-right: 3rem !important;
}

body[dir="rtl"] .pr-1 {
    padding-right: 0 !important;
    padding-left: 0.25rem !important;
}

body[dir="rtl"] .pr-2 {
    padding-right: 0 !important;
    padding-left: 0.5rem !important;
}

body[dir="rtl"] .pr-3 {
    padding-right: 0 !important;
    padding-left: 1rem !important;
}

body[dir="rtl"] .pr-4 {
    padding-right: 0 !important;
    padding-left: 1.5rem !important;
}

body[dir="rtl"] .pr-5 {
    padding-right: 0 !important;
    padding-left: 3rem !important;
}

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

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

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

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

/* Header Top RTL - Better spacing and alignment */
body[dir="rtl"] .header-top .header-left {
    text-align: right;
}

body[dir="rtl"] .header-top .header-left a {
    margin-right: 0;
    margin-left: 1rem;
}

body[dir="rtl"] .header-top .header-right {
    text-align: left;
}

body[dir="rtl"] .location-selector {
    margin-right: 1rem !important;
    margin-left: 0 !important;
}

/* Header Middle RTL - mirror English header layout */
body[dir="rtl"] .header-middle .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

body[dir="rtl"] .header-middle .header-left,
body[dir="rtl"] .header-middle .header-center,
body[dir="rtl"] .header-middle .header-right {
    order: 0;
    margin: 0;
}

body[dir="rtl"] .header-middle .header-center {
    flex: 1;
    min-width: 0;
    margin: 0 2rem;
}

body[dir="rtl"] .header-middle .header-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

body[dir="rtl"] .header-middle .header-right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.5rem;
}


/* Navigation Menu RTL */
body[dir="rtl"] .header-bottom .menu {
    direction: rtl;
    /* flex-direction: row-reverse; - Removed to fix menu order */
}

body[dir="rtl"] .header-bottom .menu>li {
    margin-right: 0;
    margin-left: 1.5rem;
}

body[dir="rtl"] .header-bottom .menu>li:first-child {
    margin-left: 0;
}

/* Category Navigation Tabs RTL */
body[dir="rtl"] .nav.nav-pills {
    direction: rtl;
    /* flex-direction: row-reverse; - Removed to fix tab order */
}

body[dir="rtl"] .nav.nav-pills .nav-link {
    text-align: right;
    padding-right: 1rem;
    padding-left: 1rem;
}

/* Product Card Labels RTL - Ensure they're on the right */
body[dir="rtl"] .product-label {
    left: auto !important;
    right: 0.5rem !important;
}

/* Product Card Thumbnails RTL */
body[dir="rtl"] .product-nav-thumbs {
    direction: rtl;
    justify-content: flex-end;
}

body[dir="rtl"] .product-nav-thumbs a {
    margin-right: 0;
    margin-left: 0.5rem;
}

body[dir="rtl"] .product-nav-thumbs a:first-child {
    margin-left: 0;
}

/* Owl Carousel Navigation RTL - Swap arrows */
body[dir="rtl"] .owl-nav .owl-prev {
    left: auto !important;
    right: 0 !important;
}

body[dir="rtl"] .owl-nav .owl-next {
    right: auto !important;
    left: 0 !important;
}

/* Flip arrow icons in RTL - prev should point right, next should point left */
body[dir="rtl"] .owl-nav .owl-prev i {
    transform: scaleX(-1);
}

body[dir="rtl"] .owl-nav .owl-next i {
    transform: scaleX(-1);
}

/* Category Carousel RTL */
body[dir="rtl"] .category-item {
    text-align: center;
}

body[dir="rtl"] .category-item img {
    margin: 0 auto;
}

/* Footer Newsletter RTL */
body[dir="rtl"] .footer-newsletter .input-group {
    flex-direction: row-reverse;
}

body[dir="rtl"] .footer-newsletter .btn {
    border-radius: 0 20px 20px 0 !important;
    order: 1;
}

body[dir="rtl"] .footer-newsletter .form-control {
    border-radius: 20px 0 0 20px !important;
    order: 2;
    text-align: right;
}

/* Footer Payment Logos RTL */
body[dir="rtl"] .footer-payments {
    text-align: left;
}

body[dir="rtl"] .footer-payments img {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Footer Copyright RTL */
body[dir="rtl"] .footer-copyright {
    text-align: left;
}

/* Section Headings RTL */
body[dir="rtl"] .section-title,
body[dir="rtl"] .heading {
    text-align: right;
}

body[dir="rtl"] .section-title .title,
body[dir="rtl"] .heading .title {
    text-align: right;
}

/* View All Links RTL */
body[dir="rtl"] .heading .title-link {
    margin-right: auto;
    margin-left: 0;
}

/* Product Grid RTL */
body[dir="rtl"] .products {
    direction: rtl;
}

/* Badge Count RTL */
body[dir="rtl"] .cart-count,
body[dir="rtl"] .wishlist-count,
body[dir="rtl"] .compare-count {
    left: auto !important;
    right: -8px !important;
}

/* Icon Alignment RTL */
body[dir="rtl"] .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Mobile Menu Toggler RTL */
body[dir="rtl"] .mobile-menu-toggler {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Browse Categories Button RTL */
body[dir="rtl"] .category-dropdown {
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Container RTL - Ensure proper alignment */
body[dir="rtl"] .container {
    direction: rtl;
}

/* Row RTL */
body[dir="rtl"] .row {
    direction: rtl;
}

/* Column RTL */
body[dir="rtl"] [class*="col-"] {
    direction: rtl;
}

/* Flexbox Utilities RTL */
body[dir="rtl"] .d-flex {
    direction: rtl;
}

body[dir="rtl"] .justify-content-start {
    justify-content: flex-end !important;
}

body[dir="rtl"] .justify-content-end {
    justify-content: flex-start !important;
}

/* Text Utilities RTL */
body[dir="rtl"] .text-start {
    text-align: right !important;
}

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

/* Icon Boxes RTL */
body[dir="rtl"] .icon-box-side {
    /* flex-direction: row-reverse; - Removed */
    text-align: right;
}

body[dir="rtl"] .icon-box-side .icon-box-icon {
    margin-right: 0;
    margin-left: 1.5rem;
}

body[dir="rtl"] .icon-box-content {
    text-align: right;
}

/* Heading Flex Direction RTL */
body[dir="rtl"] .heading {
    flex-direction: row-reverse !important;
}

body[dir="rtl"] .heading .title {
    margin-right: 0;
    margin-left: auto;
}

body[dir="rtl"] .heading .title-link {
    order: 2;
}

/* Product Action Buttons RTL */
/* (intentionally left blank) */

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

body[dir="rtl"] .form-group label {
    text-align: right;
    margin-right: 0;
    margin-left: 0.5rem;
}

/* List Items RTL */
body[dir="rtl"] ul:not(.menu):not(.top-menu):not(.dropdown-menu),
body[dir="rtl"] ol {
    padding-right: 1.5rem;
    padding-left: 0;
}

body[dir="rtl"] li:not(.menu > li):not(.top-menu > li) {
    text-align: right;
}

/* Card Body RTL */
body[dir="rtl"] .card-body {
    text-align: right;
}

/* Table Header RTL */
body[dir="rtl"] thead th {
    text-align: right;
}

/* Button Groups RTL */
body[dir="rtl"] .btn-group {
    flex-direction: row-reverse;
}

/* Tooltip RTL */
body[dir="rtl"] .tooltip {
    direction: rtl;
    text-align: right;
}

/* Popover RTL */
body[dir="rtl"] .popover {
    direction: rtl;
    text-align: right;
}

body[dir="rtl"] .popover-header {
    text-align: right;
}

body[dir="rtl"] .popover-body {
    text-align: right;
}

/* Floating Cart Count RTL */
body[dir="rtl"] .floating-cart-count {
    left: -8px !important;
    right: auto !important;
    top: -5px;
}

/* Header Right Icons Spacing RTL */
/* Removed generic margin rules that conflict with specific class margins */

/* Specific Header Icon Spacing Fixes */
body[dir="rtl"] .wishlist-link {
    margin-left: 0 !important;
    margin-right: 2.4rem !important;
}

body[dir="rtl"] .cart-dropdown,
body[dir="rtl"] .compare-dropdown {
    padding-left: 0 !important;
    padding-right: 2.5rem !important;
}

/* Dropdown Toggle Arrow RTL */
body[dir="rtl"] .dropdown-toggle::after {
    margin-right: 0.5rem;
    margin-left: 0;
}

/* Input Group RTL */
body[dir="rtl"] .input-group-prepend,
body[dir="rtl"] .input-group-append {
    order: 2;
}

body[dir="rtl"] .input-group-prepend+.form-control,
body[dir="rtl"] .form-control+.input-group-append {
    order: 1;
}

/* ============================================
   COMPREHENSIVE LEFT/RIGHT SWAP FOR ALL ELEMENTS
   ============================================ */

/* Note: Inline styles with left/right positioning are handled by JavaScript if needed */

/* Specific Class-Based Left/Right Swaps */
body[dir="rtl"] .pull-left {
    float: right !important;
}

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

/* Position Absolute/Relative with Left/Right */
body[dir="rtl"] .position-left {
    left: auto !important;
    right: 0 !important;
}

body[dir="rtl"] .position-right {
    right: auto !important;
    left: 0 !important;
}

/* Border Left/Right RTL */
body[dir="rtl"] .border-left {
    border-left: none !important;
    border-right: 1px solid !important;
}

body[dir="rtl"] .border-right {
    border-right: none !important;
    border-left: 1px solid !important;
}

/* Border Radius Utilities RTL */
body[dir="rtl"] .rounded-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

body[dir="rtl"] .rounded-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

/* Padding/Margin Left/Right Utilities Extended */
body[dir="rtl"] .ml-6 {
    margin-left: 0 !important;
    margin-right: 4rem !important;
}

body[dir="rtl"] .mr-6 {
    margin-right: 0 !important;
    margin-left: 4rem !important;
}

body[dir="rtl"] .pl-6 {
    padding-left: 0 !important;
    padding-right: 4rem !important;
}

body[dir="rtl"] .pr-6 {
    padding-right: 0 !important;
    padding-left: 4rem !important;
}

/* Additional Spacing Utilities */
body[dir="rtl"] .ms-1 {
    margin-left: 0 !important;
    margin-right: 0.25rem !important;
}

body[dir="rtl"] .ms-2 {
    margin-left: 0 !important;
    margin-right: 0.5rem !important;
}

body[dir="rtl"] .ms-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}

body[dir="rtl"] .ms-4 {
    margin-left: 0 !important;
    margin-right: 1.5rem !important;
}

body[dir="rtl"] .ms-5 {
    margin-left: 0 !important;
    margin-right: 3rem !important;
}

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

body[dir="rtl"] .me-1 {
    margin-right: 0 !important;
    margin-left: 0.25rem !important;
}

body[dir="rtl"] .me-2 {
    margin-right: 0 !important;
    margin-left: 0.5rem !important;
}

body[dir="rtl"] .me-3 {
    margin-right: 0 !important;
    margin-left: 1rem !important;
}

body[dir="rtl"] .me-4 {
    margin-right: 0 !important;
    margin-left: 1.5rem !important;
}

body[dir="rtl"] .me-5 {
    margin-right: 0 !important;
    margin-left: 3rem !important;
}

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

body[dir="rtl"] .ps-1 {
    padding-left: 0 !important;
    padding-right: 0.25rem !important;
}

body[dir="rtl"] .ps-2 {
    padding-left: 0 !important;
    padding-right: 0.5rem !important;
}

body[dir="rtl"] .ps-3 {
    padding-left: 0 !important;
    padding-right: 1rem !important;
}

body[dir="rtl"] .ps-4 {
    padding-left: 0 !important;
    padding-right: 1.5rem !important;
}

body[dir="rtl"] .ps-5 {
    padding-left: 0 !important;
    padding-right: 3rem !important;
}

body[dir="rtl"] .pe-1 {
    padding-right: 0 !important;
    padding-left: 0.25rem !important;
}

body[dir="rtl"] .pe-2 {
    padding-right: 0 !important;
    padding-left: 0.5rem !important;
}

body[dir="rtl"] .pe-3 {
    padding-right: 0 !important;
    padding-left: 1rem !important;
}

body[dir="rtl"] .pe-4 {
    padding-right: 0 !important;
    padding-left: 1.5rem !important;
}

body[dir="rtl"] .pe-5 {
    padding-right: 0 !important;
    padding-left: 3rem !important;
}

/* Start/End Utilities (Bootstrap 5) */
body[dir="rtl"] .text-start {
    text-align: right !important;
}

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

body[dir="rtl"] .align-items-start {
    align-items: flex-end !important;
}

body[dir="rtl"] .align-items-end {
    align-items: flex-start !important;
}

body[dir="rtl"] .justify-content-start {
    justify-content: flex-end !important;
}

body[dir="rtl"] .justify-content-end {
    justify-content: flex-start !important;
}

/* Product Image RTL */
body[dir="rtl"] .product-media {
    text-align: right;
}

body[dir="rtl"] .product-media img {
    margin-right: 0;
    margin-left: auto;
}

/* Product Action Vertical Icons RTL */
body[dir="rtl"] .product-action-vertical .btn-product-icon {
    margin-right: 0;
    margin-left: 0.5rem;
}

body[dir="rtl"] .product-action-vertical .btn-product-icon:first-child {
    margin-left: 0;
}

/* Product Action Horizontal Buttons RTL */
body[dir="rtl"] .product-action .btn-product {
    margin-right: 0;
    margin-left: 0.5rem;
}

body[dir="rtl"] .product-action .btn-product:first-child {
    margin-left: 0;
}

/* Logo RTL */
body[dir="rtl"] .logo {
    text-align: right;
}

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

/* Header Icons Container RTL - use gap instead of per-item margins */
body[dir="rtl"] .header-right {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

body[dir="rtl"] .header-right > div {
    margin: 0 !important;
}

/* Dark Mode Toggle RTL */
body[dir="rtl"] .dark-mode-toggle-wrapper {
    margin-right: 0;
    margin-left: 1rem;
}

/* Cart Dropdown Header RTL */
body[dir="rtl"] .dropdown-cart-header {
    text-align: right;
    padding-right: 1rem;
    padding-left: 1rem;
}

body[dir="rtl"] .dropdown-cart-header .cart-title {
    text-align: right;
}

/* Cart Dropdown Footer RTL */
body[dir="rtl"] .dropdown-cart-footer {
    text-align: right;
    padding-right: 1rem;
    padding-left: 1rem;
}

body[dir="rtl"] .dropdown-cart-footer .btn {
    width: 100%;
    text-align: center;
}

/* Compare Table RTL */
body[dir="rtl"] .compare-table {
    direction: rtl;
}

body[dir="rtl"] .compare-table th,
body[dir="rtl"] .compare-table td {
    text-align: right;
}

/* Wishlist Table RTL */
body[dir="rtl"] .wishlist-table {
    direction: rtl;
}

body[dir="rtl"] .wishlist-table th,
body[dir="rtl"] .wishlist-table td {
    text-align: right;
}

/* Cart Table RTL */
body[dir="rtl"] .cart-table {
    direction: rtl;
}

body[dir="rtl"] .cart-table th,
body[dir="rtl"] .cart-table td {
    text-align: right;
}

/* Checkout Form RTL */
body[dir="rtl"] .checkout-form {
    text-align: right;
}

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

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

/* Order Summary RTL */
body[dir="rtl"] .order-summary-table {
    direction: rtl;
    text-align: right;
}

body[dir="rtl"] .order-summary-table th,
body[dir="rtl"] .order-summary-table td {
    text-align: right;
}

body[dir="rtl"] .order-summary-table .text-right {
    text-align: left !important;
}

/* Account Sidebar Navigation RTL */
body[dir="rtl"] .account-nav {
    text-align: right;
}

body[dir="rtl"] .account-nav .nav-link {
    text-align: right;
    padding-right: 1rem;
    padding-left: 1rem;
}

body[dir="rtl"] .account-nav .nav-link.active {
    border-right: 2px solid;
    border-left: none;
}

/* Product Filters RTL */
body[dir="rtl"] .filter-item {
    text-align: right;
}

body[dir="rtl"] .filter-item label {
    text-align: right;
    margin-right: 0;
    margin-left: 0.5rem;
}

/* Price Range Slider RTL */
/* Let noUiSlider handle RTL positioning automatically when direction: 'rtl' is set in config */
body[dir="rtl"] .noUi-horizontal {
    direction: rtl;
}

/* Ensure handles are properly aligned on the track in RTL mode */
body[dir="rtl"] .noUi-horizontal .noUi-handle {
    top: 50% !important;
    margin-top: -0.65rem !important;
}

body[dir="rtl"] .noUi-base {
    direction: rtl;
}

body[dir="rtl"] .noUi-origin {
    direction: rtl;
}

/* Price slider tooltips RTL */
body[dir="rtl"] .noUi-tooltip {
    direction: ltr;
    text-align: center;
}

/* Filter price text RTL */
body[dir="rtl"] .filter-price-text {
    text-align: right;
    direction: rtl;
}

/* Toolbox Layout RTL */
body[dir="rtl"] .toolbox-layout {
    flex-direction: row-reverse;
}

body[dir="rtl"] .toolbox-layout .toolbox-item {
    margin-right: 0;
    margin-left: 1rem;
}

body[dir="rtl"] .toolbox-layout .toolbox-item:first-child {
    margin-left: 0;
}

/* Product Grid Layout RTL */
body[dir="rtl"] .products-grid {
    direction: rtl;
}

/* Product List Layout RTL */
body[dir="rtl"] .products-list {
    direction: rtl;
}

/* Banner RTL */
body[dir="rtl"] .banner {
    text-align: right;
}

body[dir="rtl"] .banner-content {
    text-align: right;
    right: auto;
    left: 0;
}

body[dir="rtl"] .banner-content.banner-content-center {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}

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

/* Slider RTL */
body[dir="rtl"] .intro-slider {
    direction: rtl;
}

body[dir="rtl"] .intro-slide {
    direction: rtl;
}

body[dir="rtl"] .intro-content {
    text-align: right;
}

/* Newsletter Form RTL */
body[dir="rtl"] .newsletter-form {
    flex-direction: row-reverse;
}

body[dir="rtl"] .newsletter-form .form-control {
    border-radius: 0 20px 20px 0 !important;
    text-align: right;
}

body[dir="rtl"] .newsletter-form .btn {
    border-radius: 20px 0 0 20px !important;
}

/* Social Icons RTL */
body[dir="rtl"] .social-icons {
    direction: rtl;
}

body[dir="rtl"] .social-icons a {
    margin-right: 0;
    margin-left: 0.5rem;
}

body[dir="rtl"] .social-icons a:first-child {
    margin-left: 0;
}

/* Loading Spinner RTL */
body[dir="rtl"] .spinner-border {
    direction: ltr;
    /* Keep spinner rotation direction */
}

/* Progress Bar RTL */
body[dir="rtl"] .progress {
    direction: rtl;
}

/* Alert Icons RTL */
body[dir="rtl"] .alert-icon {
    right: 1rem;
    left: auto;
}

/* Close Button RTL */
body[dir="rtl"] .close,
body[dir="rtl"] .btn-close {
    margin-left: 0;
    margin-right: auto;
}

/* Modal Backdrop RTL */
body[dir="rtl"] .modal-backdrop {
    direction: ltr;
    /* Keep backdrop as is */
}

/* Ensure all pseudo-elements respect RTL */
body[dir="rtl"] *::before,
body[dir="rtl"] *::after {
    direction: inherit;
}

/* Fix any remaining left-aligned text */
body[dir="rtl"] p,
body[dir="rtl"] span,
body[dir="rtl"] div,
body[dir="rtl"] h1,
body[dir="rtl"] h2,
body[dir="rtl"] h3,
body[dir="rtl"] h4,
body[dir="rtl"] h5,
body[dir="rtl"] h6 {
    text-align: inherit;
}

/* Override any inline styles that force left alignment */
body[dir="rtl"] [style*="text-align: left"] {
    text-align: right !important;
}

body[dir="rtl"] [style*="text-align:left"] {
    text-align: right !important;
}

/* Ensure flex containers respect RTL */
body[dir="rtl"] .flex-row {
    flex-direction: row-reverse;
}

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

/* Grid RTL */
body[dir="rtl"] .grid {
    direction: rtl;
}

/* Ensure all images in RTL don't flip */
body[dir="rtl"] img,
body[dir="rtl"] svg,
body[dir="rtl"] canvas,
body[dir="rtl"] video {
    direction: ltr;
    /* Keep media elements as is */
}

/* Icon fonts should not flip */
body[dir="rtl"] [class*="icon-"]::before,
body[dir="rtl"] [class*="icon-"]::after {
    direction: ltr;
    display: inline-block;
}

/* Ensure number inputs and currency stay LTR */
body[dir="rtl"] input[type="number"],
body[dir="rtl"] input[type="tel"],
body[dir="rtl"] .currency,
body[dir="rtl"] .price {
    direction: ltr;
    text-align: right;
}

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

body[dir="rtl"] .collapse{
    visibility: visible;
}

body[dir="rtl"] .mobile-filter-sidebar{
    margin: 0;
}

body[dir="rtl"] .toolbox-sort label{
    margin-right: 0;
    margin-left: 1.6rem;
}

body[dir="rtl"] .sidebar-shop .widget {
    background: #fff;
    border: 1px solid #ebebeb;
    padding: 2rem;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02);
}
@media screen and (min-width: 576px) {
    body[dir="rtl"] .toolbox-layout {
        margin-top: 0;
        margin-left: -.5rem;
        margin-right: 1rem;
    }
}

/* RTL Mobile Sidebar - Slide from right */
@media screen and (max-width: 991px) {
    body[dir="rtl"] .mobile-sidebar {
        left: auto;
        right: 0;
        transform: translateX(100%);
    }

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