/* Custom RTL Styles for My Account Page */

/* Make account navigation float right and content float left in RTL */
@media print, screen and (min-width: 64em) {
    .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
        float: right;
        margin-right: 0;
        margin-left: 3rem;
    }
    
    .woocommerce-account .woocommerce .woocommerce-MyAccount-content {
        float: left;
        width: calc(100% - 258px - 48px);
    }
}

/* Fix icon positions in navigation menu */
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a:before {
    padding-right: 0;
    padding-left: 1.125rem;
}

/* Align navigation menu items to right */
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li {
    direction: rtl;
}

.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {
    justify-content: flex-start;
}