/**
 * RTL Stylesheet for Elswefy Theme
 * Handles all structural layout mirroring for Right-to-Left languages.
 *
 * @author Elswefy
 */

/* WooCommerce Ordering Dropdown */
.woocommerce-ordering select {
    padding: 12px 30px 12px 16px;
}

.woocommerce-ordering::before {
    right: 10px;
    left: auto;
}

/* Single Product Details Table */
body.single-product .wp-block-woocommerce-product-details th,
body.single-product .wp-block-woocommerce-product-details td {
    text-align: right;
}

/* Mobile Header & Navigation Drawer RTL */
@media screen and (max-width: 781px) {
    .site-header-inner > .header-logo-container {
        padding-right: 40px;
        padding-left: 0;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-dialog {
        left: auto;
        right: 0;
        transform: translateX(100%);
        box-shadow: -2px 0 15px rgba(0, 0, 0, 0.15);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
        transform: translateX(0);
        animation-name: slideinRight;
    }

    .wp-block-navigation__responsive-container-close {
        left: 15px;
        right: auto;
    }

    @keyframes slideinRight {
        from {
            transform: translateX(100%);
        }
        to {
            transform: translateX(0);
        }
    }
}