﻿.header .container .row {
    flex-direction: row-reverse;
}


    .header .container .row div {
        text-align: right !important
    }

.header__cart {
    display: flex;
}

.header__menu ul {
    direction: rtl;
}

    .header__menu ul li {
        margin-right: 0px !important;
        margin-left: 50px !important
    }

.hero__item {
    flex-direction: row-reverse !important
}

.header__top .container .row {
    flex-direction: row !important;
}

.hero__categories__all {
    direction: rtl !important;
    text-align: right !important;
}

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

.humberger__menu__wrapper.show__humberger__menu__wrapper {
    opacity: 1;
    right: 0 !important;
    left: auto !important;
}

.humberger__menu__wrapper {
    right: -300px !important;
    left: auto !important
}

    .humberger__menu__wrapper .slicknav_nav ul {
        text-align: right !important
    }

.slicknav_nav {
    direction: rtl !important
}

.hero .row {
    flex-direction: row-reverse !important;
}

.hero__categories ul {
    padding-right: 40px !important;
    padding-left: 0px !important;
    text-align: right;
}

@media(min-width: 1200px) {
    .hero__search {
        display: flex !important;
        flex-direction: row-reverse !important;
        justify-content: flex-end !important;
        gap: 49px !important;
    }
}

.hero__search__form form button {
    left: 0px !important;
    right: auto !important;
}

.hero__search__form form input {
    width: 90% !important;
    direction: rtl !important;
    padding-left: 120px !important;
}

/* RTL adjustments for autocomplete */
.search-suggestions { right: 0; left: auto; text-align: right; }
.search-suggestion { flex-direction: row-reverse; }
.search-suggestion img { margin-left: 10px; margin-right: 0; }

.latest-product__slider.owl-carousel .owl-nav {
    left: 20px !important;
}

.latest-product__text h4 {
    direction: rtl !important;
    display: flex !important;
}

.footer .row, .product_desc, .register_container {
    flex-direction: row-reverse !important
}

.register_container, .register_container h4 {
    text-align: right !important
}

    .register_container input, input {
        text-align: right !important
    }

.product-details .row {
    flex-direction: row-reverse !important;
}

.product__details__text, .fHbA-dd {
    text-align: right !important;
    justify-content: end !important
}

.quantity {
    direction: rtl !important
}

.pro-qty {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
}

.availability, .footer__copyright_col, .shopping_cart_table_col, .shoping__checkout ul {
    direction: rtl
}

.nav-tabs, .fish_food_section {
    flex-direction: row-reverse
}

.product__details__tab .nav-tabs li {
    margin-right: 0px !important;
    margin-left: 50px !important
}

.product__details__tab__desc,
.shoping__cart__table table thead th.shoping__product,
.shoping__cart__btns,
.coupon_head,
.fish_food_section h2,
.fish_food_section p,
.payment_method_header,
.form-row,
.shipping_header,
.products_list_header {
    text-align: right
}

.footer__copyright_col {
    display: flex
}

.shoping__cart__item, .shoping__checkout h5, .shoping__checkout ul li, .payment_method_header {
    text-align: right !important
}

.shoping__cart__table table tbody tr td.shoping__cart__item img {
    margin-right: 0px;
    margin-left: 25px !important
}

.shoping__discount {
    text-align: right;
    direction: rtl;
}

    .shoping__discount #coupon_input {
        margin-right: 0px;
        margin-left: 15px
    }

.shoping__checkout ul li span {
    float: left !important
}

.productCartInfo div {
    direction: rtl;
    text-align: right
}

.featured__filter {
    direction: rtl
}

.payment_method_header, .shipping_header {
    margin-right: 0px !important
}

.productInfoLeft {
    width: 100% !important
}

.productCartInfo div {
    direction: ltr
}

.product-details {
    text-align: right !important
}


@media (max-width: 500px) {

    .hero__text {
        text-align: right !important;
        padding:5px
    }

        .hero__text h2 {
            font-size: 25px !important;
            text-align: right !important
        }

        .hero__text p {
            text-align: right !important
        }
}

.button_container {
    text-align: right !important
}