@import "vars";
@import "mixins";

body.demo2 {
    background: #FFF;

    input[type=text],
    input[type=number],
    input[type=search],
    input[type=email],
    input[type=url],
    input[type=password],
    input[type=tel],
    textarea,
    select {
        border: none;
        border-bottom: 1px solid #C8C8C8;
        border-radius: 0;
        padding-left: 0;
        padding-right: 0;

        &:focus {
            border-bottom-color: #000;
        }
    }

    .select2-container {
        .select2-selection--single {
            border: none;
            border-bottom: 1px solid #AAA;
            border-radius: 0;

            .select2-selection__rendered {
                padding-left: 0;
                padding-right: 0;
            }

            .select2-selection__arrow {
                right: -5px;
            }
        }

        &.select2-container--open {
            .select2-selection--single {
                border-bottom-color: #000;
            }
        }
    }

    .qty {
        border-bottom: none !important;
    }

    div.quantity {
        border-radius: 0;
    }

    .btn,
    .button,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button,
    .woocommerce a.alt.button,
    .woocommerce button.alt.button,
    .woocommerce input.alt.button,
    input[type=submit] {
        border-radius: 0;
    }

    .btn-danger,
    .button,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button,
    .woocommerce a.alt.button,
    .woocommerce button.alt.button,
    .woocommerce input.alt.button,
    input[type=submit] {
        color: #FFF;
        background-color: #000;
        border-color: #000;
    }

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .button:hover,
    .button:focus,
    .button:active,
    .woocommerce a.button:hover,
    .woocommerce a.button:focus,
    .woocommerce a.button:active,
    .woocommerce button.button:hover,
    .woocommerce button.button:focus,
    .woocommerce button.button:active,
    .woocommerce input.button:hover,
    .woocommerce input.button:focus,
    .woocommerce input.button:active,
    .woocommerce a.alt.button:hover,
    .woocommerce button.alt.button:hover,
    .woocommerce input.alt.button:hover,
    .woocommerce a.alt.button:focus,
    .woocommerce button.alt.button:focus,
    .woocommerce input.alt.button:focus,
    .woocommerce a.alt.button:active,
    .woocommerce button.alt.button:active,
    .woocommerce input.alt.button:active,
    input[type=submit]:hover,
    input[type=submit] :focus,
    input[type=submit] :active {
        color: #FFF;
        background-color: #171717;
        border-color: #171717;
    }

    .woocommerce ul.products li.product .price,
    .price,
    &.woocommerce div.product p.price,
    &.woocommerce div.product span.price {
        color: $danger;

        .woocommerce-Price-currencySymbol {
            color: $danger;
        }

        .discount-percent {
            background-color: #000 !important;
            color: #FFF !important;
            border-radius: 0 !important;
        }

        ins {
            color: $danger;
        }
    }

    .main-footer .jump-to-top {
        border-radius: 0;
    }
}

body.demo2 {
    &.home {
        @media (min-width: 992px) {
            .main-header {
                position: absolute;
                width: 100%;
                background: transparent;

                &:after {
                    position: absolute;
                    content: '';
                    width: 30%;
                    height: 1px;
                    background: #FFF;
                    left: 50%;
                    top: 100%;
                    transform: translateX(-50%);
                }

                .top-menu {
                    a {
                        color: #FFF;

                        &:hover, &:active, &:focus {
                            color: #FFF;
                        }
                    }
                }

                .header-btn {
                    .login-btn {
                        color: #FFF;
                    }

                    .dropdown-toggle {
                        &:before, &:after {
                            color: #FFF;
                        }
                    }
                }

                .mini-cart #cart-button {
                    &:before {
                        color: #FFF;
                    }
                }

                .search-form {
                    &:before {
                        color: #FFF;
                    }

                    input[type=text]:not(.focused) {
                        border-bottom: 1px solid #FFF;
                        color: #FFF;

                        &::placeholder {
                            opacity: 1;
                            color: #FFF;
                        }

                        &:-ms-input-placeholder {
                            color: #FFF;
                        }

                        &::-ms-input-placeholder {
                            color: #FFF;
                        }

                        & + span + input + .product-cat {
                            color: #FFF;
                        }
                    }
                }
            }
        }
    }

    @media (min-width: 992px) {
        .main-header {
            .header-row {
                .col-lg-2 {
                    order: 2;
                    -ms-flex: 0 0 50%;
                    flex: 0 0 50%;
                    max-width: 50%;
                }

                .col-lg-6 {
                    order: 3;
                    -ms-flex: 0 0 25%;
                    flex: 0 0 25%;
                    max-width: 25%;
                }

                .col-lg-4 {
                    order: 1;
                    -ms-flex: 0 0 25%;
                    flex: 0 0 25%;
                    max-width: 25%;
                }

                .header-logo {
                    margin: auto;
                }

                .header-action {
                    text-align: left;

                    .header-btn {
                        .login-btn {
                            border: none;
                        }

                        .dropdown-menu {
                            right: unset;
                            left: 0;
                        }
                    }

                    .mini-cart #cart-button {
                        .cart-counter {
                            line-height: 19px;
                            height: 20px;
                            background: $danger;
                            border-radius: 50%;
                            border: none;
                        }
                    }
                }

                .search-form {
                    &:before {
                        left: 0;
                    }

                    input[type=text] {
                        background: transparent;
                        border-bottom: 1px solid #A1A3A8;
                    }

                    .product-cat {
                        border: none;
                    }
                }
            }
        }
    }
    @media (max-width: 992px) {
        .main-header {
            margin-bottom: 0;
        }
    }

    .mini-cart-content {
        right: unset;
        left: 0;
    }
}

body.demo2 {
    &.home {
        @media (min-width: 992px) {
            #cat-menu {
                background: transparent;
                box-shadow: none;
                position: absolute;
                width: 100%;

                ul.cat-menu {
                    > li.menu-item {
                        > a {
                            color: #FFF;
                        }
                    }
                }
            }
        }

        #cat-menu {
            margin-bottom: 0;
        }
    }

    @media (min-width: 992px) {
        #cat-menu {
            ul.cat-menu {
                text-align: center;

                > li.menu-item {
                    &.menu-item-has-children:hover a {
                        position: relative;

                        &:after {
                            position: absolute;
                            content: '';
                            border-right: 6px solid transparent;
                            border-left: 6px solid transparent;
                            border-bottom: 6px solid #FFF;
                            bottom: 0px;
                            left: 50%;
                            transform: translateX(-50%);
                            z-index: 100;
                        }
                    }
                }

                .sub-menu {
                    text-align: right;
                }
            }
        }
    }
}

body.demo2 {
    .amazing-slider {
        background: #F0F0F0;

        .amazing-title .view-all {
            border-color: $font-color;
            border-radius: 0;
            color: $font-color;
        }
    }

    .amazing-slider.style2 {
        .item {
            background: transparent;
        }
    }
}

body.demo2 {
    .mainbar {
        .widget {
            border-bottom: none;
        }

        .widget.widget-services {
            .row {
                .col {
                    position: relative;

                    &:before {
                        content: "";
                        border-radius: 50%;
                        border: 15px solid #FAFAFA;
                        position: absolute;
                        width: 150px;
                        height: 150px;
                    }

                    a {
                        z-index: 2;
                        position: relative;
                    }

                    img {
                        max-width: 114px;
                    }
                }

                .col:nth-child(1):before {
                    right: 95px;
                    bottom: 10px;
                }

                .col:nth-child(2):before {
                    right: 100px;
                    bottom: -8px;
                }

                .col:nth-child(3):before {
                    right: 194px;
                    bottom: 20px;
                }

                .col:nth-child(4):before {
                    right: 95px;
                    bottom: 10px;
                }

                .col:nth-child(5):before {
                    right: 100px;
                    bottom: -8px;
                }
            }
        }
    }

    @media (max-width: 992px) {
        .mainbar {
            .widget.widget-services {
                .row {
                    .col {
                        &:before {
                            display: none;
                        }
                    }
                }
            }
        }
    }

    .owl-carousel:not(.main-carousel) {
        .item {
            border-radius: 0;
        }

        .owl-nav {
            .owl-next, .owl-prev {
                border-radius: 0;
                box-shadow: none;
                border: 1px solid #EAEAEA;
            }

            .owl-next {
            }

            .owl-prev {
            }
        }
    }

    .related-products-slider {
        .owl-carousel:not(.main-carousel) {
            .owl-nav {
                .owl-prev, .owl-next {
                    border: none;
                }
            }
        }
    }

    .widget {
        border-radius: 0;
        box-shadow: none;
        border-bottom: 1px solid #EAEAEA;

        .header {
            text-align: inherit;

            &:before {
                display: none;
            }
        }
    }

    .widget-ads {
        border: none;

        a {
            border-radius: 0;
            box-shadow: none;
        }
    }

    .widget-products-slider,
    .widget-brands-slider,
    .widget-posts-slider {
        .header {
            border-bottom: none;
            text-align: center;
            padding-top: 0;
            margin: 0 8px;

            .title > span:after {
                background: #EAEAEA;
                top: calc(100% + 5px);
            }
        }

        .item {
            border: 1px solid #EAEAEA;
        }

        .owl-nav {
            .owl-next {
                right: 7px;
            }

            .owl-prev {
                left: 7px;
            }
        }
    }

    .widget-promotion-categories {
        .header {
            .title {
                margin-top: 0;
            }
        }
    }

    .widget-promotion-single {
        .header {
            text-align: center;
        }

        border-bottom-color: $primary;
    }

    .modal {
        border-radius: 0;
    }

    .main-footer {
        .footer-apps {
            background-color: transparent;
            padding-left: 0;
            padding-right: 0;
            border-bottom: 1px solid #e0e0e2;
            color: $font-color;
            border-radius: 0;

            .apps-title {
                text-indent: 0;

                &:before {
                    display: none;
                }
            }
        }

        .newsletter {
            input[type=email], input[type=text] {
                background: transparent;
                border: 1px solid #CFD8DC;
                padding-right: 5px;
                padding-left: 5px;
            }

            button, input[type=submit] {
                background: #000;
                border-radius: 0;
                border-color: #000;
            }
        }

        .footer-info {
            .widget {
                border-bottom: none;
            }

            .row .col-12:nth-of-type(2) .textwidget {
                a, img {
                    background-color: #fff;
                    border: 1px solid #c2c2c2;
                    border-radius: 0;
                }

                a img {
                    border: none;
                }
            }
        }
    }

    @media (max-width: 992px) {
        .main-footer {
            .newsletter {
                button, input[type=submit] {
                    box-shadow: none;
                }
            }
        }
    }
}

body.demo2 {
    @media (max-width: 992px) {
        #cat-menu .side-logo {
            border-bottom: none;
        }
        .cat-menu {
            > li {
                border-bottom: 1px solid #E2E2E2;
            }

            > li:first-child {
                border-top: 1px solid #E2E2E2;
            }
        }
    }
}

body.demo2 {
    .post-container .post-inner {
        box-shadow: none;
        border-radius: 0;
    }
}

body.demo2 {
    &.woocommerce-account:not(.logged-in) {
        .u-columns {
            h2 {
                text-align: center;
                border-bottom: none;
                padding-top: 0;
            }

            .woocommerce-form {
                border: 1px solid #ECECEC;
                border-radius: 0;
            }
        }

        .post-container .post-inner {
            form.login,
            form.register,
            form.lost_reset_password {
                label[for="username"],
                label[for="password"],
                label[for="reg_username"],
                label[for="reg_email"],
                label[for="reg_password"],
                label[for="user_login"],
                label[for="first-name"],
                label[for="last-name"],
                label[for="company-name"],
                label[for="seller-url"],
                label[for="shop-phone"] {
                    &:before {
                        left: 0;
                    }
                }

                #username,
                #password,
                #reg_username,
                #reg_email,
                #reg_password,
                #user_login,
                #first-name,
                #last-name,
                #company-name,
                #seller-url,
                #shop-phone {
                    padding-left: 40px;
                }
            }

            .woocommerce-privacy-policy-text {
                border-radius: 0;
            }

            .button {
                background: $danger;
                border-color: darken($danger, 10%);
            }

            .footer {
                background: transparent;
                border-top: none;
            }
        }
    }

    &.logged-in.woocommerce-account {
        .post-container .post-inner {
            .account-header {
                background-color: #F2F5F7 !important;
                box-shadow: none;
                border: none;

                .header-tabs {
                    .header-tab {
                        background-color: #F2F5F7;
                    }
                }
            }

            .account-ads {
                box-shadow: none;
                border: none;
            }

            .woocommerce-MyAccount-navigation {
                ul {
                    background-color: #F2F5F7 !important;
                    box-shadow: none;
                    border: none;

                    .woocommerce-MyAccount-navigation-link {
                        transition: $transition;

                        &.is-active, &:hover {
                            background-color: #E1E6E9;

                            a {
                                color: #000;
                            }

                            &:before {
                                color: #000;
                            }
                        }
                    }
                }
            }

            .woocommerce-MyAccount-content {
                border: none;
                background: #FFF !important;
                box-shadow: none;
                padding-top: 0;

                .profile-stats {
                    tbody {
                        tr:nth-child(odd) td {
                            background: #F0F3F6;
                        }

                        tr:nth-child(even) td {
                            background: #E1E6E9;
                        }
                    }
                }

                table.shop_table th {
                    background-color: #F2F5F7;
                    color: $font-color;
                }

                .products-list, .posts-list {
                    .item {
                        .price {
                            .woocommerce-Price-currencySymbol {
                                color: $danger;
                            }
                        }
                    }
                }

                .order-tracking {
                    form#order-tracking {
                        &:before {
                            left: 0;
                        }
                    }
                }
            }
        }
    }
}

body.demo2 {
    .sidebar-shop .widget {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        border-bottom: 1px solid #E4E4E4;
        @media (min-width: 992px) {

        }

        .header {
            border-bottom: none;
        }
    }

    .widget_layered_nav_filters li.chosen a {
        border-radius: 0;
    }

    .widget.widget-instock-filter,
    .widget.widget-fake-filter {
        .switcher-slider {
            border-radius: 0;

            span {
                border-radius: 0;
            }
        }
    }

    .shop-container .products-list {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;

        .list-header {
            padding-left: 0;
            padding-right: 0;

            .woocommerce-ordering .orderby a {
                border-radius: 0;
            }
        }
    }

    .woocommerce-products-header {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        padding-left: 0;
        padding-right: 0;
    }

    nav.woocommerce-pagination {
        ul li {
            a, span {
                border-radius: 0;
            }

            a:active, a:focus, span.current {
                color: #000;
                background: transparent;
                font-weight: bold;
            }
        }
    }

    @media (max-width: 992px) {
        .shop-container .products-list .list-header .woocommerce-ordering {
            border-radius: 0;
        }
    }
}

body.demo2 {
    .product-content {
        div.product {
            .product-main {
                box-shadow: none;
                border: none;

                .images .flex-control-thumbs li {
                    border-radius: 0;
                }

                div.summary .column-2 .inner {
                    background-color: transparent;
                    border-radius: 0;

                    form.cart {
                        .variations {
                            td.value > div label {
                                border-radius: 0;
                            }

                            select {
                                border: 1px solid #C8C8C8;
                                padding: 7px;
                                height: auto;
                            }
                        }

                        .single_add_to_cart_button {
                            border-radius: 0;
                        }
                    }
                }
            }

            .woocommerce-tabs .woocommerce-Tabs-panel--additional_information .shop_attributes {
                th, td {
                    background: transparent;
                }
            }
        }

        .short-attributes ul li:before {
            color: #000;
        }

        .woocommerce-tabs ul.tabs {
            background: transparent;
            border: none;
            border-bottom: 1px solid #DFDFDF;

            li {
                a {
                    border: none;
                    border-bottom: 3px solid transparent;
                }

                &.active a {
                    border-bottom-color: $primary;
                    color: #000 !important;
                }
            }
        }
    }

    .upsells.widget,
    .cross-sells.widget {
        border-bottom: none;

        .header {
            text-align: inherit;
        }
    }

    @media (max-width: 992px) {
        .product-content div.product {
            .product-main {
                .gallery-container, div.summary {
                    border-radius: 0;
                    box-shadow: none;
                }
            }

            .woocommerce-tabs .woocommerce-Tabs-panel {
                border-radius: 0;
                border: 1px solid #EAEAEA;
                box-shadow: none;
            }
        }
    }
}

body.demo2 {
    &.archive,
    &.search-results {
        .archive-header {
            border-bottom: 1px solid #E1E0E0;
            border-radius: 0;
            box-shadow: none;

            .term-name, .footer-content {
                border-top: none;
            }
        }
    }

    &.archive,
    &.search-results {
        .posts .post-item .post-item-inner {
            box-shadow: none;
            border-radius: 0;
            border: 1px solid #E1E0E0;
        }
    }

    .post-container .breadcrumb {
        box-shadow: none;
        border-radius: 0;
    }

    .post-container .post-inner .post-body .post-tags a {
        border-radius: 0;
    }

    .comments-template {
        box-shadow: none;
        border-top: 1px solid #E1E0E0;
        border-radius: 0;

        .comment-respond {
            border: none;
            padding: 0;
            border-radius: 0;

            #submit {
                border-radius: 0;
            }
        }
    }

    .widget-categories {
        border: 1px solid #EAEAEA;

        .header {
            text-align: center;
        }
    }

    @media (max-width: 992px) {
        .post-container .post-inner .post-body {
            border-radius: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
        }
    }
}