/*
Theme Name: Alia Store Theme (RTL)
Description: RTL Support for Alia Store Theme
*/

body {
    direction: rtl;
    unicode-bidi: embed;
    font-family: 'Cairo', sans-serif; /* Force Cairo for Arabic */
}

/* Layout Mirroring */
.shop-layout {
    grid-template-columns: 300px 1fr; /* Sidebar on right for RTL? usually left for LTR. Let's keep sidebar on right for RTL as per standard Arabic designs often have sidebar on right or left depending on preference. Standard RTL is sidebar right. Wait, LTR sidebar right means RTL sidebar left. */
    /* Let's stick to standard grid: content first, sidebar second. 
       In LTR: 1fr 300px (Content | Sidebar)
       In RTL: 1fr 300px (Content | Sidebar) -> Visually: Sidebar | Content ? No, grid follows source order.
       If source is Content then Sidebar:
       LTR: Content (Left) | Sidebar (Right)
       RTL: Content (Right) | Sidebar (Left)
    */
}

/* Margins & Paddings Mirroring */
.main-navigation ul li {
    margin-left: 20px;
    margin-right: 0;
}

.main-navigation ul ul {
    right: 0;
    left: auto;
    text-align: right;
}

.widget-title {
    border-bottom: 2px solid var(--bg-color);
    text-align: right;
}

.cart-count {
    right: auto;
    left: -10px;
}

.woocommerce span.onsale {
    right: 10px;
    left: auto;
}

.widget ul li a:hover {
    padding-right: 5px;
    padding-left: 0;
}

/* Header & Flex Direction */
.header-container,
.header-top-bar .container {
    flex-direction: row; /* Default is row, but RTL flips it automatically */
}

/* Icons spacing */
.fa, .fas, .far, .fab {
    margin-left: 5px;
    margin-right: 0;
}

/* WooCommerce Specifics */
.woocommerce ul.products li.product .price del {
    margin-left: 5px;
    margin-right: 0;
}

.woocommerce .woocommerce-ordering, 
.woocommerce-page .woocommerce-ordering {
    float: left;
}

.woocommerce .woocommerce-result-count, 
.woocommerce-page .woocommerce-result-count {
    float: right;
}

/* Form inputs */
input, textarea, select {
    text-align: right;
}