/*
 * Wasla RTL Styles
 * Arabic / Right-to-Left layout overrides
 */

body {
    direction: rtl;
    unicode-bidi: embed;
}

/* === Top Bar RTL === */
.top-bar-inner {
    flex-direction: row-reverse;
}

.top-bar-social {
    flex-direction: row-reverse;
}

.top-bar-user {
    flex-direction: row-reverse;
}

.user-account a {
    flex-direction: row-reverse;
}

/* === Main Header RTL === */
.header-main-inner {
    flex-direction: row-reverse;
}

.header-actions-left {
    flex-direction: row-reverse;
}

/* Cart badge RTL */
.cart-badge {
    right: auto;
    left: -5px;
}

.notif-badge {
    right: auto;
    left: 2px;
}

/* Search RTL */
.search-input {
    padding: 12px 48px 12px 20px;
    text-align: right;
}

.search-submit {
    left: auto;
    right: 16px;
}

/* Nav + Logo RTL */
.header-nav-logo {
    flex-direction: row-reverse;
}

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

.nav-link {
    flex-direction: row-reverse;
}

/* === Footer RTL === */
.footer-heading::after {
    left: auto;
    right: 0;
}

.footer-contact-list li {
    flex-direction: row;
}

.footer-social {
    flex-direction: row;
}

.footer-bottom {
    flex-direction: row-reverse;
}

.footer-bottom-links {
    flex-direction: row-reverse;
}

/* Footer brand text alignment for RTL */
.footer-brand-col {
    text-align: right;
}

.footer-brand-logo img {
    margin-left: auto;
    margin-right: 0;
}

/* Footer link hover RTL */
.footer-link-list li a:hover {
    padding-inline-start: 4px;
    padding-inline-end: 0;
}

/* === Utility overrides for RTL === */

/* Polylang dropdown within language-switcher */
.language-switcher select {
    direction: rtl;
}

/* ==========================================================================
   Shop List View RTL
   ========================================================================== */
ul.products.wasla-list-view li.product {
    text-align: right;
}
ul.products.wasla-list-view li.product a.woocommerce-LoopProduct-link {
    text-align: right;
}

/* === Mega Menu RTL === */
.mega-menu-container {
    left: auto;
    right: 0;
    transform: translateX(100%);
}

.wasla-mega-menu-overlay.is-open .mega-menu-container {
    transform: translateX(0);
}

.subcategory-toggle i {
    transform: scaleX(-1);
}

.subcategories-list {
    padding-inline-start: 20px;
    padding-inline-end: 0;
}