/**
 * @package Helix Ultimate Framework
 * @author JoomShaper https://www.joomshaper.com
 * @copyright Copyright (c) 2010 - 2021 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
*/

:root {
    --header_height: $header_height;
    --link-color: #{$link_color};
    --text-color: #{$text_color};
    --easystore-primary-color: #{$link_color};
    --bs-link-color: #{$link_color};
}

body,
.sp-preloader {
    background-color: $bg_color;
    color: $text_color;
}

.sp-preloader {
    > div {
        background: $link_color;
        &:after {
            background: $bg_color;
        }
    }
}

#sp-top-bar {
    background: $topbar_bg_color;
}

#sp-header {
    background: $header_bg_color;
}
#sp-menu ul.social-icons {
    a:hover,
    a:focus {
        color: $link_color;
    }
}
// Anchor
a {
    color: $link_color;
    &:hover,
    &:focus,
    &:active {
        color: $link_hover_color;
    }
}
.tags {
    > li {
        display: inline-block;
        a {
            @if $link_color {
                background: fadeOut($link_color, 0.9);
            }

            color: $link_color;
            &:hover {
                background: #000;
            }
        }
    }
}

.article-social-share {
    .social-share-icon {
        ul {
            li {
                a {
                    color: $text_color;
                    &:hover,
                    &:focus {
                        background: $link_color;
                    }
                }
            }
        }
    }
}

.pager {
    > li {
        a {
            border: 1px solid #ededed;
            color: $text_color;
        }
    }
}
// Reading Progress Bar Color
.sp-reading-progress-bar {
    background-color: $link_color;
}
// Megamenu
.sp-megamenu-parent {
    > li {
        > a {
            color: $menu_text_color;
        }

        &:hover > a {
            color: $menu_text_hover_color;
        }

        &.active > a,
        &.active:hover > a {
            color: $menu_text_active_color;
        }
    }

    .sp-dropdown {
        .sp-dropdown-inner {
            background: $menu_dropdown_bg_color;
        }

        li.sp-menu-item {
            > a {
                color: $menu_dropdown_text_color;
                &:hover {
                    color: $menu_dropdown_text_hover_color;
                }
            }
            &.active > a {
                color: $menu_dropdown_text_active_color;
            }
        }
    }

    .sp-mega-group {
        > li {
            > a {
                color: $menu_dropdown_text_color;
            }
        }
    }
}

// Off Canvas
#offcanvas-toggler {
    > .fa {
        color: $menu_text_color;
        &:hover,
        &:focus,
        &:active {
            color: $menu_text_hover_color;
        }
    }

    > .fas {
        color: $menu_text_color;
        &:hover,
        &:focus,
        &:active {
            color: $menu_text_hover_color;
        }
    }

    > .far {
        color: $menu_text_color;
        &:hover,
        &:focus,
        &:active {
            color: $menu_text_hover_color;
        }
    }
}

.offcanvas-menu {
    background-color: $offcanvas_menu_bg_color;
    color: $menu_dropdown_text_color;
    .offcanvas-inner {
        a {
            color: $offcanvas_menu_items_and_items_color;
            &:hover,
            &:focus,
            &:active {
                color: $link_color;
            }
        }
        ul.menu {
            > li {
                a,
                span {
                    color: $offcanvas_menu_items_and_items_color;
                    &:hover,
                    &:focus {
                        color: $menu_dropdown_text_hover_color;
                    }
                }

                &.menu-parent {
                    > a,
                    > .menu-separator {
                        > .menu-toggler {
                            @if $offcanvas_menu_items_and_items_color {
                                color: fade-out(
                                    $offcanvas_menu_items_and_items_color,
                                    0.5
                                );
                            }
                        }
                    }
                    .menu-toggler {
                        @if $offcanvas_menu_items_and_items_color {
                            color: fade-out(
                                $offcanvas_menu_items_and_items_color,
                                0.5
                            );
                        }
                    }
                }
                li {
                    a {
                        @if $offcanvas_menu_items_and_items_color {
                            color: fade-out(
                                $offcanvas_menu_items_and_items_color,
                                0.2
                            );
                        }
                    }
                }
            }
        }
    }
}

//Button
.btn-primary,
.sppb-btn-primary {
    border-color: $link_color;
    background-color: $link_color;
    &:hover {
        border-color: $link_hover_color;
        background-color: $link_hover_color;
    }
}

// Topbar Social
ul.social-icons {
    > li {
        a {
            &:hover {
                color: $link_color;
            }
        }
    }
}

// Page Title
.sp-page-title {
    background-color: $link_color;
}

// Body Innerwrapper

.layout-boxed .body-innerwrapper {
    background: $bg_color;
}

// Module
.sp-module {
    ul {
        > li {
            > a {
                color: $text_color;
                &:hover {
                    color: $link_color;
                }
            }
        }
    }

    .latestnews {
        > div {
            > a {
                color: $text_color;
                &:hover {
                    color: $link_color;
                }
            }
        }
    }

    .tagscloud {
        .tag-name {
            &:hover {
                background: $link_color;
            }
        }
    }
}

// Search
.search {
    .btn-toolbar {
        button {
            background: $link_color;
        }
    }
}

// Footer
#sp-bottom {
    background: $footer_bg_color;
    color: $footer_text_color;
    a {
        color: $footer_link_color;

        &:hover,
        &:active,
        &:focus {
            color: $footer_link_hover_color;
        }
    }
}
#sp-footer {
    background: #172129;
}

#sp-bottom {
    .sp-module-content {
        .latestnews {
            > li {
                > a {
                    > span {
                        color: $footer_text_color;
                    }
                }
            }
        }
    }
}

// Comingsoon
.sp-comingsoon body {
    background-color: $link_color;
}

// Pagination
.pagination > li > a,
.pagination > li > span {
    color: $text_color;
    &:hover,
    &:focus {
        color: $text_color;
    }
}

.pagination > .active > a,
.pagination > .active > span {
    border-color: $link_color;
    background-color: $link_color;
    &:hover,
    &:focus {
        border-color: $link_color;
        background-color: $link_color;
    }
}

// Error
.error-code,
.coming-soon-number {
    color: $link_color;
}

.about-cta {
    background-color: fade-out($link_color, 0.7);
}

.sidebar-deal {
    background-color: fade-out($link_color, 0.7);
}

.article-details {
    .article-header-wrapper {
        background-color: $link_color;

        .article-full-image {
            &::before {
                background: linear-gradient(
                    90deg,
                    $link_color,
                    rgba(245, 79, 12, 0)
                );
            }
        }
    }
}

// Blog
.article-list {
    .article {
        .article-body {
            .article-header {
                h2 {
                    a {
                        &:hover {
                            color: $link_color;
                        }
                    }
                }
            }
        }
        .readmore {
            a {
                color: $text-color;

                &:hover {
                    color: $link_color;
                }
            }
        }
    }
}

.footer-subscribe-form {
    .sppb-addon-form-builder-form {
        .sppb-btn.sppb-btn-custom {
            color: var(--link-color);
        }
    }
}

.addon-root-js-slideshow .sppb-addon-sp-slider.megadeal-slider {
    .sp-slider-outer-stage {
        .sp-item {
            background-color: $link_color;
        }
    }
}

#easystore-modal {
    .modal-content {
        .easystore-product-price {
            .easystore-price-current {
                color: $link_color;
            }
        }
    }
}

.home-categories {
    #nav-menu {
        li {
            a {
                color: $text_color;
                &:hover {
                    color: $link_color;
                }
            }
        }
    }
}

//Image content addon for category
.slider-bottom-category {
    .slider-bottom-category-img {
        .sppb-addon-content {
            &:after {
                background-color: fade-out($link_color, 0.1);
            }
        }
        a.sppb-btn {
            &:hover {
                color: $link_color;
            }
        }
    }
}

//Blog
.article-list,
.article-details {
    .article-header h2 {
        &:hover {
            color: $link_color;
        }
    }
    .category-name {
        background-color: $link_color;
    }
}

// Header Right
.header-right {
    .sp-module.header-search {
        .easystore-search-container .easystore-svg {
            background: $link_color;
        }
    }
}

// Easystore product list
.com-easystore.view-products {
    .addon-root-easystore-list-title {
        .easystore-product-title {
            a {
                &:hover {
                    color: $link_color;
                }
            }
        }
    }
}

.about-accordion {
    .sppb-addon-accordion {
        .sppb-panel-default {
            .sppb-panel-heading {
                &.active {
                    .fa-check {
                        color: $link_color;
                    }
                }
            }
        }
    }
}

body .sppb-btn,
body .btn {
    //button primary
    &.sppb-btn-primary,
    &.btn-primary,
    &.btn-outline-primary {
        border-color: $link_color;
        background-color: $link_color;

        &:hover,
        &:focus,
        &:active {
            background-color: $link_hover_color;
            border-color: $link_hover_color;
            color: $bg_color;
        }

        &.sppb-btn-outline {
            border-color: $link_color;

            color: $text_color;

            &:hover,
            &:focus,
            &:active {
                background-color: $link_color;
                border-color: $link_color;
            }
        }

        &.sppb-btn-gradient {
            background-image: linear-gradient(
                -180deg,
                $link_color,
                $link_hover_color
            );
        }

        &.sppb-btn-3d {
            border-bottom: 4px solid $link_hover_color;
        }
    }

    &.sppb-btn-link {
        color: link_color;
    }
}

.easystore-quick-cart {
    .easystore-quick-cart-actions {
        .btn-outline-primary {
            border: 1px solid $link_color;
            color: $link_color;
            &:hover {
                background: $link_color;
            }
        }
    }
}
.product-hover-element {
    position: relative;
    .addon-root-easystore-list-addtowishlist {
        .easystore-btn-add-to-wishlist {
            background-color: $link_color;
            border-color: $link_color;
            &:hover,
            &:focus {
                background-color: $link_hover_color;
                border-color: $link_hover_color;
                color: #fff;
            }
        }
    }

    .addon-root-easystore-list-addtocart {
        .easystore-btn-add-to-cart {
            background-color: $link_color;
            border-color: $link_color;
        }
    }
    .btn.btn-outline-secondary,
    .btn.btn-primary {
        background: $link_color;
    }
}

.products-layout-default {
    .sppb-collection-item {
        .easystore-product-title {
            a {
                &:hover {
                    color: $link_color;
                }
            }
        }

        .addon-root-easystore-list-price {
            .easystore-price-current {
                color: $link_color;
            }
        }
    }

    .bx-wrapper .bx-pager {
        &.bx-default-pager a {
            &.active {
                background-color: $link-color;
            }
        }
    }
}

.pagenavigation {
    .pagination {
        a.btn {
            background-color: $link_color;
        }
    }
}

html.error-page {
    .error-code {
        color: $link_color;
    }

    a.btn.btn-secondary {
        background-color: $link_color !important;
    }
}

.login {
    .password-group {
        .input-password-toggle {
            .icon-fw {
                color: $link_color !important;
            }
        }
        .fas {
            color: $link_color !important;
        }
    }
    .form-check {
        .form-check-input:focus {
            border-color: $link_color;
        }
        .form-check-input:checked {
            background-color: $link_color;
            border-color: $link_color;
        }
    }
}

//privacy
.registration {
    legend {
        background-color: $link_color;
    }

    .password-group {
        .input-password-toggle {
            .icon-fw {
                color: $link_color !important;
            }
        }
        .fas {
            color: $link_color !important;
        }
    }
}
#sp-header-topbar {
    a {
        &:hover {
            color: $link_color;
        }
    }
}

.article-info {
    > span {
        a {
            color: $text_color;
            &:hover {
                color: $link_hover_color;
            }
        }
    }
}
