﻿
@brandColor: #ef394e;
@primaryColor: #ef394e;
@secondaryColor: #00bfd6;
/*@font-face {
    font-family: 'iranyekan';
    src: url('../../../../Content/Fonts/iranyekan/iranyekan_light.eot') format('embedded-opentype');
    src: url('../../../../Content/Fonts/iranyekan/iranyekan_light.eot?#iefix'), url('../../../../Content/Fonts/iranyekan/iranyekan_light.ttf') format('truetype'), url('../../../../Content/Fonts/iranyekan/iranyekan_light.woff') format('woff'), url('../../../../Content/Fonts/iranyekan/iranyekan_light.woff2') format('woff2');
    font-weight: 100;
    font-display:swap;
}*/

@font-face {
    font-family: 'iranyekan';
    src: url('../../../../Content/Fonts/iranyekan/iranyekan.woff2') format('woff2'), url('../../../../Content/Fonts/iranyekan/iranyekan.woff') format('woff'), url('../../../../Content/Fonts/iranyekan/iranyekan.ttf') format('truetype');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'iranyekan';
    src: url('../../../../Content/Fonts/iranyekan/iranyekan_bold.woff2') format('woff2'), url('../../../../Content/Fonts/iranyekan/iranyekan_bold.woff') format('woff'), url('../../../../Content/Fonts/iranyekan/iranyekan_bold.ttf') format('truetype');
    font-weight: 700;
    font-display: swap;
}

/*@font-face {
    font-family: 'IRANSans';
    src: url(/Content/Fonts/Iransans/IRANSansWeb_ultralight.eot);
    src: url(/Content/Fonts/Iransans/IRANSansWeb_ultralight.eot?#iefix) format("embedded-opentype"),url(/Content/Fonts/Iransans/IRANSansWeb_ultralight.woff) format("woff"),url(/Content/Fonts/Iransans/IRANSansWeb_ultralight.ttf) format("truetype"),url(/Content/Fonts/Iransans/IRANSansWeb_ultralight.svg#IRANSans) format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IRANSans';
    src: url(/Content/Fonts/Iransans/IRANSansWeb_light.eot);
    src: url(/Content/Fonts/Iransans/IRANSansWeb_light.eot?#iefix) format("embedded-opentype"),url(/Content/Fonts/Iransans/IRANSansWeb_light.woff2) format("woff2"),url(/Content/Fonts/Iransans/IRANSansWeb_light.woff) format("woff"),url(/Content/Fonts/Iransans/IRANSansWeb_light.ttf) format("truetype"),url(/Content/Fonts/Iransans/IRANSansWeb_light.svg#IRANSans) format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}*/

@font-face {
    font-family: 'IRANSans';
    src: url(../../../../Content/Fonts/Iransans/IRANSansWeb.woff2) format("woff2"), url(../../../../Content/Fonts/Iransans/IRANSansWeb.woff) format("woff"),url(../../../../Content/Fonts/Iransans/IRANSansWeb.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IRANSans';
    src: url(../../../../Content/Fonts/Iransans/IRANSansWeb_bold.woff2) format("woff2"),url(../../../../Content/Fonts/Iransans/IRANSansWeb_bold.woff) format("woff"), url(../../../../Content/Fonts/Iransans/IRANSansWeb_bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@baseGap: 1rem;
@baseRadius: .25rem;
@basePercent: 4%;
@primaryColor: #ef394e;
@borderColor: #dedede;
/*
    font awesome
*/
a,
a::after,
a::before {
    text-decoration: none !important;
}

.fas, .far, .fal, .fad, .svg-inline--fa {
    &.flip {
        transform: rotateY(180deg);
    }
}

body {
    font-family: iranyekan,'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /* for iransans font */
    font-size: small;
}

input[type=number], input[type=email], input[type=password] {
    direction: ltr;
    text-align: right;

    &::placeholder {
        direction: rtl;
    }
}

.number-dir {
    direction: ltr;
}

.rating {
    direction: ltr;
    text-align: right;
}

.text-dir {
    direction: ltr;
    text-align: right;

    a&, span&, small&, strong& {
        display: inline-block;
    }
}

.alert {
    border-right: @baseGap*3 solid;
    border-left: none;

    &::before {
        left: auto;
        right: -@baseGap*2;
    }
}

.form-inline {
    .custom-control, .custom-select {
        &:not(:last-child) {
            margin-right: 0;
            margin-left: @baseGap;
        }
    }
}

.pagination {
    .next-page {
        border-left: none;
        border-right: 1px solid @borderColor;

        .page-link::before {
            content: "\f100";
            right: auto;
            left: 0;
        }
    }

    .previous-page {
        border-right: none;
        border-left: 1px solid @borderColor;

        .page-link::before {
            content: "\f101";
            left: auto;
            right: 0;
        }
    }
}
/*.bootstrap-touchspin {
    input[type=text] {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important;
    }
}*/

.admin-links {
    left: 0;
    right: auto;
    border-radius: 0 @baseRadius @baseRadius 0;
    border-left-width: 0;
    border-right-width: 1px;
}

.impersonate {
    right: auto;
    left: 50px;


    .fa-times {
        right: auto;
        left: 5px;
    }

    @media (max-width:768px) {
        right: auto;
        left: 20px;
    }
}

.search-box {

    .search-box-button {
        right: auto;

        @media(max-width:768px) {
            .fa-search {
                &::after {
                    bottom: -7px;
                    margin-left: 2px;
                }
            }
        }
    }

    .search-box-text {
        padding-left: initial;
        /*padding-right: 38px;*/
    }


    .ui-autocomplete-loading {
        background-position: left center;
    }
}

.product-details-page {
    .product-name {
        .secondary-name {
            span {
                padding-right: 0;
                padding-left: @baseGap;
            }
        }
    }

    .product-tabs {

        .nav-tabs {

            .nav-item {
                .nav-link {
                    border-right: none;
                    border-left: 1px solid @borderColor;


                    .dk-icon {
                        margin-right: initial;
                        margin-left: @baseGap/2;
                    }
                }
            }
        }
    }
}

.overview, .variant-overview {
    .product-name {
        .secondary-name {
            direction: ltr;
            text-align: right;
        }
    }
}

.overview-buttons {
    left: auto;
    right: @baseGap;
}
/*@media (min-width: 768px) {
        .dropdown:hover > .dropdown-menu.dropdown-menu-right, .dropup:hover > .dropdown-menu.dropdown-menu-right {
            right: auto;
            left: 1px;
        }
    }*/

/*.dropdown-menu {

        .dropdown-menu {
            left: auto;
            right: 100%;
        }

        .dropdown {
            .dropdown-toggle {
                &::after {
                    right: auto;
                    left: .255em;
                    transform: rotate(90deg);
                }
            }
        }
    }*/

/*@media (max-width:768px) {
        .dropdown-menu .dropdown-menu {
            padding-left: initial;
            padding-right: @baseGap;
        }
    }*/

@media (min-width:768px) {
    .dropdown, .dropup {
        &:hover {
            > .dropdown-menu {

                &.dropdown-menu-end {
                    left: 1px;
                    right: auto;
                }

                &.dropdown-menu-start {
                    left: auto;
                    right: 1px;
                }
            }
        }
    }
}
.flyout-account {

    .dropdown-header {

        .customer-reward {

            &::before {
                right: -24px;
                left: auto
            }

            small {

                &::before {
                    left: auto;
                    right: -27px;
                }
            }
        }
    }

    .dropdown-item {

        &:not(:last-child):after {
            right: auto;
            left: 16px;
        }
    }
}

.flyout-cart .items .item .picture {
    margin-left: .5rem;
    margin-right: auto;
}

.store-header {
    .navbar-toggler {
        margin-left: initial;

        &:not(.collapsed) {
            right: 0;
            left: auto;

            &::after {
                right: auto;
                left: @baseGap;
            }
        }
    }
}

.top-menu-categories {

    > .dropdown-menu {

        > .dropdown {

            > .dropdown-menu {
                right: 23%;
                left: auto;

                .dropdown-menu {
                    left: auto;
                    right: 0;
                }

                .dropdown-toggle {
                    border-left: none;
                    border-right: 2px solid @primaryColor;
                }
            }
        }
    }
}

.header-links-wrapper {

    .top-cart-link {

        &::before {
            right: 0;
            left: auto;
        }

        .cart-qty {
            right: 5px;
        }
    }
}

.store-header-mobile {

    .navbar-toggler {
        &:not(.collapsed) {


            &::after {
                right: auto;
                left: 0;
            }
        }
    }
}

.aside-header {
    right: -380px;
    left: auto;

    &.show {
        right: 0;
        left: auto;
    }

    .header-customer-wrapper {
        .top-register-link {
            left: @baseGap;
            right: auto;
        }
    }

    .dropdown {
        .dropdown-menu .dropdown-menu {
            padding-right: @baseGap;
            padding-left: 0;
        }
    }

    .dropdown-toggle {
        &::after {
            content: '\f053';
            left: @baseGap;
            right: auto;
        }
    }
}

.store-aside {
    .block {
        .ajax-filter-title {
            a {

                i {
                    right: auto;
                    left: @baseGap;
                }
            }
        }
    }
}
/*@media (max-width:768px) {
    .store-aside {
        .block {
            .title {
                &::after {
                    float: left;
                }
            }
        }
    }
}*/

.block-category-navigation {
    ul {
        li {
            &.has-sublist {
                > a {
                    &::before {
                        content: "\f104";
                        vertical-align: middle;
                    }
                }
            }
        }

        ul {
            margin-left: 0;
            margin-right: @baseGap;
        }

        .category-number {
            float: left;
        }
    }
}

.block-account-navigation {
    .title {
        padding: @baseGap @baseGap*2 @baseGap 0;
    }

    .list > a {
        &::before {
            margin-right: 0;
            margin-left: @baseGap/2;
        }
    }
}

.poll {
    .poll-results {
        .progress-wrapper {
            .vote-percent {
                margin-left: 0;
                margin-right: @baseGap/2;
            }
        }
    }
}


.product-box, .product-box-list {
    .figure {
        .ribbons {
            left: auto;
            right: 0;
        }
    }

    .prices {
        text-align: left;
    }
}

.discount-percent {
    margin-right: @baseGap/4;
    margin-left: 0;
}

.product-grid-carousel {
    .title {
        span {
            padding-right: 0;
            padding-left: @baseGap;

            &::after {
                left: -17px;
                right: auto;
            }
        }
    }

    .owl-carousel {
        .owl-nav {
            button {
                &.owl-prev {
                    left: auto;
                    right: 0;
                    color: #000 !important;
                    border-radius: @baseRadius 0 0 @baseRadius;
                    box-shadow: -1.5px 0 4px 0 rgba(0,0,0,.15);
                }

                &.owl-next {
                    right: auto;
                    left: 0;
                    color: #000 !important;
                    border-radius: 0 @baseRadius @baseRadius 0;
                    box-shadow: 1.5px 0 4px 0 rgba(0,0,0,.15);
                }
            }
        }
    }
}

ul.attribute-squares {
    .popover {
        transform: translateX(50%);
        margin-left: auto;
        margin-right: 15px;
    }
}

/*.totals {
    .total-info {
        .cart-total {
            &.table {
                tbody > tr > td {
                    &:first-child {
                        text-align: left;
                    }
                }
            }
        }
    }
}*/

.cross-sells {
    .owl-carousel {
        .owl-nav {
            button {
                top: -27px;

                &.owl-next {
                    left: 0;
                    right: auto;
                }

                &.owl-prev {
                    right: 0;
                    left: auto;
                }
            }
        }
    }
}

@media (max-width: 767px) {
    .cart {
        tr {
            float: right;
        }
    }
}

@media (max-width: 479px) {
    .cart tr {
        float: none;
    }
}
/*.order-progress {
    a {

        &:before {
            content: "\f104";
        }
    }
}*/
/*.order-progress {
    ol {
        li {
            a {
                &::before {
                }
            }

            &:not(:last-child) {
                margin-right: auto;
                margin-left: @baseGap;
            }
        }
    }
}*/
.order-progress {
    ol {

        li {

            &:not(:last-child)::after {
                left: auto;
                right: 62%;
            }
        }
    }
}

.order-details-page {

    .back-order {
        border-right: none;
        border-left: 1px solid @borderColor;
        margin-right: 0;
        margin-left: 15px;
        padding: 36px 32px 16px 0;

        &::before {
            content: "\f061";
            left: auto;
            right: 2px;
        }
    }
}

.product-reviews-page {
    .product-review-item {
        .user {
            margin-left: 5px;
            margin-right: auto;
        }

        .review-content {
            .reply {
                margin-right: @baseGap*2;
                margin-left: auto;
            }
        }
    }
}

.address-list-page, .order-list-page {

    .buttons {
        right: auto;
        left: 0;
    }
}
/*
    ** Widgets
*/
.addthis_default_style .addthis_separator, .addthis_default_style .at4-icon, .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300bs, .addthis_default_style .at300m {
    float: right !important;
}

.addthis_counter {

    &.addthis_bubble_style {
        transform: rotateY(180deg) !important;
    }

    .addthis_button_expanded {
        transform: rotateY(-180deg) !important;
    }
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: auto !important;
    left: 1px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 8px !important;
    padding-left: 20px !important;
}

.html-blog-list-page, .html-blog-post-page, .html-blog-search-results-page {

    .store-aside {
        .block {
            .title {
                &::before {
                    right: 0;
                    left: auto;
                }
            }
        }
    }
}

/*
    **  plugins
*/

.wowslider-container {
    margin: 0 0 @baseGap*2;


    .owl-nav {

        .owl-prev {
            left: auto;
            right: @baseGap;
        }

        .owl-next {
            right: auto;
            left: @baseGap;
        }
    }
}

@media (max-width:767px) {
    .store-footer {
        .footer-block:not(.follow-us) {
            .title {
                &::after {
                    float: left;
                }
            }
        }
    }
}

.networks {
    li {
        margin-left: @baseGap;
        margin-right: 0;
    }
}


/*.attribute-input {
    .form-check {
        display: inline-block;

        input[type="radio"].form-check-input {
            appearance: none !important;
            display: none !important;
            height: 0 !important;
            width: 0 !important;

            & + label {
                display: inline-block !important;
                margin-bottom: .5em !important;
                padding: .75em 1.25em !important;
                border-radius: 8px !important;
                color: #555 !important;
                background-color: #ffffff !important;
                border: 1px solid #ccc;
            }

            &:checked + label {
                border: 2px solid @brandColor !important;
                color: @secondaryColor !important;
            }
        }
    }
}*/
