/* RTL specific styles for Servo website */

/* General RTL adjustments */
body {
    direction: rtl;
    text-align: right;
}

/* Header adjustments */
.cart-count {
    right: auto;
    left: -10px;
}

/* Branch details adjustments */
.branch-details i {
    margin-left: 5px;
    margin-right: 0;
}

.branch-social a {
    margin-left: 15px;
    margin-right: 0;
}

/* Category tabs adjustments */
.category-tabs li {
    margin-left: 15px;
    margin-right: 0;
}

/* Cart item adjustments */
.item-image {
    margin-left: 15px;
    margin-right: 0;
}

.item-total {
    text-align: left;
}

/* Checkout steps adjustments */
.step:not(:last-child)::after {
    right: calc(-50% + 20px);
    left: auto;
}

/* Form adjustments */
input[type="radio"] + label {
    padding-right: 30px;
    padding-left: 10px;
}

input[type="radio"] + label:before {
    right: 0;
    left: auto;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .item-quantity {
        margin: 10px 0;
    }
    
    .cart-item {
        flex-wrap: wrap;
    }
    
    .item-details {
        width: calc(100% - 95px);
    }
    
    .item-total, .item-remove {
        margin-right: 95px;
    }
}