/* WooCommerce Auto Translate - RTL (Arabic) Support */

/* Global RTL Adjustments */
.wat-rtl,
.wat-lang-ar {
    direction: rtl !important;
    text-align: right !important;
}

.wat-rtl * {
    direction: rtl !important;
}

/* Ensure proper RTL reset when switching back to English */
.wat-lang-en {
    direction: ltr !important;
    text-align: left !important;
}

.wat-lang-en * {
    direction: ltr !important;
}

/* Language switching transitions */
.wat-language-switching .wat-rtl,
.wat-language-switching .wat-lang-ar,
.wat-language-switching .wat-lang-en {
    transition: direction 0.1s ease;
}

/* Language Switcher RTL */
.wat-rtl .wat-language-switcher {
    direction: rtl !important;
    text-align: right !important;
}

.wat-rtl .wat-language-switcher.wat-buttons {
    flex-direction: row-reverse;
}

.wat-rtl .wat-language-button {
    margin-left: 5px;
    margin-right: 0;
}

/* Notification RTL positioning */
.wat-rtl .wat-notification {
    right: auto !important;
    left: 20px !important;
    direction: rtl !important;
    text-align: right !important;
}

/* Loading indicator RTL */
.wat-rtl .wat-switching::after {
    right: 50%;
    left: auto;
    margin-right: -10px;
    margin-left: 0;
}

/* Typography adjustments for Arabic */
.wat-lang-ar {
    font-family: 'Tahoma', 'Arial Unicode MS', 'Helvetica', sans-serif;
    line-height: 1.6;
}

.wat-lang-ar h1, .wat-lang-ar h2, .wat-lang-ar h3, 
.wat-lang-ar h4, .wat-lang-ar h5, .wat-lang-ar h6 {
    font-family: 'Tahoma', 'Arial Unicode MS', 'Helvetica', sans-serif;
    font-weight: bold;
}

/* WooCommerce RTL Adjustments */
.wat-rtl .woocommerce ul.products {
    direction: rtl;
}

.wat-rtl .woocommerce ul.products li.product {
    float: right;
    margin-left: 0;
    margin-right: 2.992%;
}

.wat-rtl .woocommerce ul.products li.product:nth-child(4n) {
    margin-right: 0;
}

.wat-rtl .woocommerce ul.products li.product .price {
    text-align: right;
}

.wat-rtl .woocommerce .product .summary {
    float: right;
    width: 48%;
    clear: right;
}

.wat-rtl .woocommerce div.product .woocommerce-tabs {
    direction: rtl;
}

.wat-rtl .woocommerce div.product .woocommerce-tabs ul.tabs {
    padding-left: 0;
    padding-right: 1em;
}

.wat-rtl .woocommerce div.product .woocommerce-tabs ul.tabs li {
    float: right;
    margin-left: 0.2em;
    margin-right: 0;
}

/* Navigation RTL */
.wat-rtl .woocommerce nav.woocommerce-pagination {
    text-align: left;
}

.wat-rtl .woocommerce nav.woocommerce-pagination ul {
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;
    border: 1px solid #d3ced2;
    border-right: 0;
    margin: 1px;
}

.wat-rtl .woocommerce nav.woocommerce-pagination ul li {
    border-right: 1px solid #d3ced2;
    border-left: 0;
    float: right;
    display: inline;
    overflow: hidden;
}

/* Forms RTL */
.wat-rtl .woocommerce form .form-row {
    direction: rtl;
}

.wat-rtl .woocommerce form .form-row label {
    display: block;
    text-align: right;
}

.wat-rtl .woocommerce form .form-row input.input-text,
.wat-rtl .woocommerce form .form-row textarea {
    direction: rtl;
    text-align: right;
    padding-right: 0.618em;
    padding-left: 0.618em;
}

.wat-rtl .woocommerce-checkout .form-row-first {
    float: right;
    margin-left: 0;
    margin-right: 2%;
}

.wat-rtl .woocommerce-checkout .form-row-last {
    float: left;
    margin-right: 0;
    margin-left: 2%;
}

/* Cart RTL */
.wat-rtl .woocommerce table.cart {
    direction: rtl;
}

.wat-rtl .woocommerce table.cart th,
.wat-rtl .woocommerce table.cart td {
    text-align: right;
}

.wat-rtl .woocommerce table.cart .product-thumbnail {
    text-align: center;
}

.wat-rtl .woocommerce .cart-collaterals {
    float: left;
    width: 48%;
}

.wat-rtl .woocommerce .cart-collaterals .cart_totals {
    float: none;
    width: 100%;
    text-align: right;
}

/* Buttons RTL */
.wat-rtl .woocommerce a.button,
.wat-rtl .woocommerce button.button,
.wat-rtl .woocommerce input.button {
    direction: rtl;
}

.wat-rtl .woocommerce a.button:before,
.wat-rtl .woocommerce button.button:before,
.wat-rtl .woocommerce input.button:before {
    margin-left: 0.53em;
    margin-right: 0;
    float: left;
}

/* Price RTL */
.wat-rtl .woocommerce .price {
    direction: ltr;
    text-align: right;
    display: inline-block;
}

.wat-rtl .woocommerce .price .amount {
    direction: ltr;
}

/* Star Rating RTL */
.wat-rtl .woocommerce .star-rating {
    float: left;
    direction: ltr;
}

.wat-rtl .woocommerce .star-rating:before {
    float: right;
}

/* Breadcrumbs RTL */
.wat-rtl .woocommerce .woocommerce-breadcrumb {
    direction: rtl;
}

.wat-rtl .woocommerce .woocommerce-breadcrumb a {
    text-decoration: none;
}

/* Messages RTL */
.wat-rtl .woocommerce .woocommerce-message,
.wat-rtl .woocommerce .woocommerce-info,
.wat-rtl .woocommerce .woocommerce-error {
    direction: rtl;
    text-align: right;
}

.wat-rtl .woocommerce .woocommerce-message:before,
.wat-rtl .woocommerce .woocommerce-info:before,
.wat-rtl .woocommerce .woocommerce-error:before {
    float: right;
    left: auto;
    right: 1.5em;
}

/* Widget RTL */
.wat-rtl .woocommerce.widget_shopping_cart .cart_list li,
.wat-rtl .woocommerce .widget_shopping_cart .cart_list li {
    padding-right: 2em;
    padding-left: 0;
    position: relative;
    border-bottom: 1px dotted rgba(0,0,0,.1);
}

.wat-rtl .woocommerce.widget_shopping_cart .cart_list li a.remove,
.wat-rtl .woocommerce .widget_shopping_cart .cart_list li a.remove {
    float: left;
    position: absolute;
    top: 0.5em;
    left: 0;
    right: auto;
}

/* My Account RTL */
.wat-rtl .woocommerce-MyAccount-navigation {
    float: right;
    width: 30%;
    margin-left: 0;
    margin-right: 0;
}

.wat-rtl .woocommerce-MyAccount-content {
    float: left;
    width: 65%;
}

.wat-rtl .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
}

/* Single Product RTL */
.wat-rtl .woocommerce div.product div.images {
    float: right;
    width: 48%;
}

.wat-rtl .woocommerce div.product div.summary {
    float: left;
    width: 48%;
    clear: left;
}

.wat-rtl .woocommerce div.product .woocommerce-product-gallery__trigger {
    right: auto;
    left: 1em;
}

/* Shop Loop RTL */
.wat-rtl .woocommerce ul.products li.product .button {
    margin-top: 1em;
}

.wat-rtl .woocommerce ul.products li.product h2,
.wat-rtl .woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding: 0;
    margin: 0 0 0.5em;
    text-align: right;
}

/* Checkout RTL */
.wat-rtl .woocommerce-checkout #payment {
    background: rgba(0,0,0,.025);
    border-radius: 5px;
    padding: 2em;
    margin: 2em 0;
}

.wat-rtl .woocommerce-checkout #payment ul.payment_methods {
    text-align: right;
    padding: 1em 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin: 0 0 1em;
    list-style: none outside;
}

.wat-rtl .woocommerce-checkout #payment div.payment_box {
    position: relative;
    width: 96%;
    padding: 1em 2%;
    margin: 1em 0 1em 0;
    font-size: 0.92em;
    border-radius: 2px;
    line-height: 1.5;
    background-color: rgba(0,0,0,.05);
    color: #515151;
}

/* Arabic Number Support */
.wat-lang-ar .price,
.wat-lang-ar .amount,
.wat-lang-ar .quantity,
.wat-lang-ar .count {
    direction: ltr;
    unicode-bidi: embed;
}

/* Mobile RTL Adjustments */
@media (max-width: 768px) {
    .wat-rtl .woocommerce ul.products li.product {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }
    
    .wat-rtl .woocommerce div.product div.images,
    .wat-rtl .woocommerce div.product div.summary {
        float: none;
        width: 100%;
    }
    
    .wat-rtl .woocommerce .cart-collaterals {
        float: none;
        width: 100%;
    }
    
    .wat-rtl .woocommerce-MyAccount-navigation,
    .wat-rtl .woocommerce-MyAccount-content {
        float: none;
        width: 100%;
    }
}

/* Print RTL */
@media print {
    .wat-rtl * {
        direction: rtl;
        text-align: right;
    }
}

/* High Contrast RTL */
@media (prefers-contrast: high) {
    .wat-rtl .woocommerce a.button,
    .wat-rtl .woocommerce button.button,
    .wat-rtl .woocommerce input.button {
        border-width: 2px;
    }
}

/* Reduced Motion RTL */
@media (prefers-reduced-motion: reduce) {
    .wat-rtl * {
        transition: none !important;
        animation: none !important;
    }
} 