/* ==========================================
   GOLDEN WOO THEME - RTL OVERRIDES (ARABIC)
   ========================================== */
body {
    direction: rtl;
    unicode-bidi: embed;
}

/* Margins, Paddings & Alignments */
.gwt-search-form input {
    padding-left: 20px;
    padding-right: 48px;
}

.gwt-search-form button {
    right: auto;
    left: 15px;
}

.gwt-icon-btn span.count {
    left: auto;
    right: -10px;
}

.gwt-footer-menu a:hover {
    padding-left: 0;
    padding-right: 5px;
}

/* WooCommerce overrides */
.woocommerce-product-gallery__trigger {
    left: .5em !important;
    right: auto !important;
}

.price del {
    margin-right: 0;
    margin-left: 5px;
}

.onsale {
    right: auto !important;
    left: 15px !important;
}

.woocommerce-loop-product__link {
    text-align: right;
}

.woocommerce-product-details__short-description {
    text-align: right;
}

.woocommerce-review-link {
    margin-left: 0;
    margin-right: 10px;
}

div.product p.price, div.product span.price {
    text-align: right;
}

.woocommerce-tabs ul.tabs li {
    float: right !important;
    margin-right: 0 !important;
    margin-left: 10px !important;
}

.woocommerce-tabs .panel {
    text-align: right;
}

table.shop_attributes th {
    text-align: right !important;
    padding-left: 15px !important;
    padding-right: 0 !important;
}

.woocommerce-message, .woocommerce-info, .woocommerce-error {
    text-align: right !important;
}

.woocommerce-message .button, .woocommerce-info .button, .woocommerce-error .button {
    float: left !important;
}

/* Floating WhatsApp button position swap for RTL (default is left, let's keep it on left or swap to right?
   Typically it is placed on the left when RTL so that it does not overlay standard elements, or swap.
   Let's keep it on left as designed, or set left: 30px; */
.gwt-whatsapp-float {
    left: 30px;
    right: auto;
}

/* Navigation flex direction fallback */
.gwt-header-nav {
    flex-direction: row;
}

.gwt-quick-links-list {
    flex-direction: row;
}

.gwt-social-icons {
    flex-direction: row;
}