/* 
Theme Name: Hello Elementor Child Template 01
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-theme-child-template-01
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/*Allgemeines Styling*/

#select2-billing_state-results .select2-results__option[data-selected=true]{
    text-decoration: underline !important;
    color: transparent !important;
}

.elementor-button{
    cursor:pointer !important;
}

.produkt-informationen{
    p.price.price-unit.smaller.wc-gzd-additional-info > *{
        color: var(--e-global-color-secondary) !important;
    }
}

a:hover{
    text-decoration: underline !important;
}

.elementor-button:hover{
    text-decoration: none !important;
}

.add_to_cart_button:hover{
    text-decoration: none !important;
}

/*Template 1 Styling*/

/*Template 1 Header Styling*/
.template-1-header{
    .menu-item:hover{
        text-decoration: underline var(--e-global-color-85eb5bf) !important;
    }

    .elementor-item-active{
        text-decoration: underline var(--e-global-color-85eb5bf) !important;
    }

    .elementor-button-icon-qty{
        min-width: 1.2em !important;
        height: 1.2em !important;
    }

    .elementor-button--view-cart{
        transition: all .8s ease-in-out;
    }

    .elementor-button--view-cart:hover{
        transform: scale(1.1); 
    }

    .elementor-button--checkout{
        transition: all .8s ease-in-out;
    }

    .elementor-button--checkout:hover{
        transform: scale(1.1);
    }


    /*Cart Styling*/

    .elementor-menu-cart__main{
        .wc-gzd-cart-info{
            display: none !important;
        }
    }
}

/*Template 1 Footer Styling*/
.template-1-footer{
    .elementor-icon-list-item:hover{
        text-decoration: underline var(--e-global-color-85eb5bf) !important;
    }

    .menu-item:hover{
        text-decoration: underline var(--e-global-color-85eb5bf) !important;

    }

    .elementor-item-active{
        text-decoration: underline var(--e-global-color-85eb5bf) !important;
    }
}

/* Template 1 Add-to-Cart Button styling */

.template-1-add-to-cart-button{
    .in-stock{
        display: none;
    }

    .variations_form >*{
        border: none !important;
        box-shadow: none !important;
    }

    .variable-items-wrapper >li{
        border-style: solid;
        border-width: 01px 01px 01px 01px !important;
        border-radius: 0px 0px 0px 0px !important;
        padding: 20px 20px 20px 20px !important;
        color: var(--e-global-color-text) !important;
        background-color: var(--e-global-color-8a48b6a) !important;
        box-shadow: none !important;

    }

    .variable-items-wrapper{
        padding-bottom: 10px !important;
    }

    .variable-item-span{
        font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
        font-size: var(--e-global-typography-accent-font-size) !important;
        font-weight: var(--e-global-typography-accent-font-weight) !important;
        border: none !important;
        box-shadow: none !important;
    }

    table.variations tbody td, table.variations tbody th {
        background-color: transparent !important;
        padding-bottom: 40px !important;
    }

    .variations{
        .label{
            padding: 0px !important;

            .woo-selected-variation-item-name{
                font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
                font-size: var(--e-global-typography-accent-font-size) !important;
                font-weight: var(--e-global-typography-accent-font-weight) !important;
            }
        }

        .reset_variations{
            font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
            font-size: 16px !important;
            font-weight: var(--e-global-typography-accent-font-weight) !important;
        }

    }
    /*.single_add_to_cart_button{
        transition: all ease-in-out;
    }

    .single_add_to_cart_button:hover{
        transform: scale(1.1) !important;
    }*/
}

/* Template 1 Related Products styling */

.template-1-related-products{

    a:hover{
        text-decoration: none !important;
    }

    ul.products {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .price{
        font-size: 24px !important;
    }

    .onsale{
        width: fit-content !important;
        padding: 8px !important;
        height: fit-content !important;
    }

    span.onsale{
        min-height: fit-content !important;
    }


    /* Tablet Styling */
    @media screen and (min-width: 520px){
        ul.products {
            grid-template-columns: repeat(2, 1fr) !important;
        }
    }

    @media screen and (min-width: 520px){
        .button {
            padding: 20px !important;
            width: -webkit-fill-available !important;
            text-align: center !important;
        }

        .price{
            font-size: 22px !important;
        }

        .onsale{
            width: fit-content !important;
            padding: 20px !important;
            height: fit-content !important;
        }

        span.onsale{
            min-height: fit-content !important;
        }
    }

    /* Desktop Styling */
    @media  only screen and (min-width: 1024px){
        ul.products {
            grid-template-columns: repeat(3, 1fr) !important;
        }

        .button {
            padding: 20px !important;
            width: fit-content !important;
            text-align: center !important;
        }

        .price{
            font-size: 24px !important;
        }

        .onsale{
            padding-left: 20px !important;
            padding-right: 20px !important;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
            font-size: 22px !important;
        }

        span.onsale{
            min-height: fit-content !important;
        }
    }
}

.template-1-related-products-container{
    display: block !important;
}


/* Template 1 Product Grid styling */

.template-1-product-grid {

    /* Mobile Styling*/

    a:hover{
        text-decoration: none !important;
    }

    .price > ins {
        text-decoration: none !important;
    }

    .elementor-252 .elementor-element.elementor-element-7440938c{
        margin-bottom: 0px !important;
    }

    .woocommerce-ordering{
        padding-bottom: 30px !important;
        float: left;
    }

    .woocommerce-result-count{
        padding-bottom: 10px !important;
    }

    &.elementor-widget-wc-archive-products .products {
        grid-template-columns: repeat(1, 1fr);
    }

    .onsale{
        width: fit-content !important;
        padding: 8px !important;
        height: fit-content !important;
    }

    span.onsale{
        min-height: fit-content !important;
    }

    .button {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        width: -webkit-fill-available !important;
        text-align: center !important;
    }

    ul.products.elementor-grid li.product.type-product {
        display: flex;
        flex-direction: column;
    }

    .woocommerce-loop-product__link{
        margin-bottom: auto !important;
    }

    .orderby{
        font-family: 'Questrial', sans-serif !important;
    }

    .woof_reset_button_2{
        color: var(--e-global-color-text) !important;
        font-family: 'Questrial', sans-serif !important;
        border-color: var(--e-global-color-secondary) !important;
    }

    .woof_remove_ppi{
        color: var(--e-global-color-text) !important;
        font-family: 'Questrial', sans-serif !important;
    }

    .woocommerce-result-count{
        font-family: 'Questrial', sans-serif !important;
    }

    .wc-gzd-additional-info{
        font-family: var(--e-global-typography-accent-font-family) !important;
        color: var(--e-global-color-secondary) !important;
    }

    .wc-gzd-additional-info:hover{
        text-decoration: underline !important;
    }

    /*Tablet Styling*/

    /*@media screen and (max-width: 400px) {

        &.elementor-widget-wc-archive-products .products {
            grid-template-columns: repeat(1, 1fr);
        }

        .onsale{
            width: fit-content !important;
            padding: 14px !important;
        }

        span.onsale{
            min-height: fit-content !important;
        }

        .woocommerce-ordering{
            padding-bottom: 30px !important;
            float: right;
            background-color: #0000ff !important;
        }
    }*/

    @media screen and (min-width: 520px){
        &.elementor-widget-wc-archive-products .products {
            grid-template-columns: repeat(2, 1fr);
        }
        .woocommerce-ordering{
            padding-bottom: 30px !important;
            float: right;
        }
    }

    @media  only screen and (min-width: 767px) {
        
        .woocommerce-result-count{
            padding-bottom: 30px !important;
        }

        .onsale{
            width: fit-content !important;
            height: fit-content !important;
        }

        span.onsale{
            min-height: fit-content !important;
        }

        .button {
            padding: 20px !important;
            width: -webkit-fill-available !important;
            text-align: center !important;
        }

        &.elementor-widget-wc-archive-products .products {
            grid-template-columns: repeat(2, 1fr);
        }

        .woocommerce-ordering{
            padding-bottom: 30px !important;
            float: right !important;
        }
    }

    /*Desktop Styling*/
        
    @media  only screen and (min-width: 1024px) {
        .woocommerce-result-count{
            padding-bottom: 20px !important;
        }
    
        .woocommerce-ordering{
            padding-bottom: 20px !important;
        }

        .onsale{
            padding: 20px !important;
            font-size: 22px !important;
        }

        span.onsale{
            min-height: fit-content !important;
        }
        .button {
            padding: 20px !important;
            width: fit-content !important;
            text-align: center !important;
        }

        /*.size-woocommerce_thumbnail{
            width: 80% !important;
        }*/

        .woocommerce-ordering{
            padding-bottom: 30px !important;
            float: right;
        }

    }
}

/* Template 1 Single Product Page Styling*/

.template-1-bewertungen{
    /*.description_tab{
        display: none !important;
    }*/
    .additional_information_tab{
        display: none !important;
    }
    #tab-title-reviews > a{
        display: none !important;
    }
    #tab-reviews{
        border: none !important;
    }
    .commentlist{
        padding: 0px !important;
    }
    #submit{
        color: var(--e-global-color-primary) !important;
        background-color: var(--e-global-color-8a48b6a) !important;
        border-style: solid !important;
        border-width: 0px 1px 0px 1px !important;
        border-color: var(--e-global-color-primary) !important;
        border-radius: 0px 0px 0px 0px !important;
        font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
        font-size: var(--e-global-typography-accent-font-size) !important;
        font-weight: var(--e-global-typography-accent-font-weight) !important;
        text-transform: var(--e-global-typography-accent-text-transform) !important;
        font-style: var(--e-global-typography-accent-font-style) !important;
        line-height: var(--e-global-typography-accent-line-height) !important;
        letter-spacing: var(--e-global-typography-accent-letter-spacing) !important;
    }
    #submit:hover{
        color: var(--e-global-color-secondary) !important;
        border-color: var(--e-global-color-secondary) !important;
    }
    .star-rating > span{
        color: var(--e-global-color-secondary) !important;
    }
    .star-rating::before{
        color: var(--e-global-color-primary) !important;
    }
    #reply-title{
        font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
        font-size: var(--e-global-typography-accent-font-size) !important;
        font-weight: var(--e-global-typography-accent-font-weight) !important;
        text-transform: var(--e-global-typography-accent-text-transform) !important;
        font-style: var(--e-global-typography-accent-font-style) !important;
        line-height: var(--e-global-typography-accent-line-height) !important;
        letter-spacing: var(--e-global-typography-accent-letter-spacing) !important;
    }
    #commentform > div > p > span *{
        color: var(--e-global-color-secondary) !important;
    }
    .meta{
        color: var(--e-global-color-primary) !important;
    }
    .wc-gzd-additional-info{
        font-family: var(--e-global-typography-accent-font-family), Sans-serif !important;
        font-size: var(--e-global-typography-accent-font-size) !important;
        font-weight: var(--e-global-typography-accent-font-weight) !important;
        text-transform: var(--e-global-typography-accent-text-transform) !important;
        font-style: var(--e-global-typography-accent-font-style) !important;
        line-height: var(--e-global-typography-accent-line-height) !important;
        letter-spacing: var(--e-global-typography-accent-letter-spacing) !important;
    }
}

.template-1-reviews{

    .reviews_tab{
        display: none !important;
    }

    .woocommerce-Tabs-panel{
        padding: 0px !important;
    }

    .woocommerce-Reviews-title{
        margin-top: 0px !important;
    }

    .woocommerce-Reviews-title::after{
        content: ":" !important;
        margin-left: -12px !important;
    }

    .comment-text{
        margin: 0px !important;
        padding: 20px !important;
        border-color: var(--e-global-color-primary) !important;
        border-radius: 0px !important;
    }

    .comment-reply-title::after{
        content: ":" !important;
    }

    .meta{
        color: var(--e-global-color-primary) !important;
        font-size: 16px !important;
    }
    .woocommerce-review__author{
        font-weight: var(--e-global-typography-accent-font-weight) !important;
        text-transform: uppercase !important;
    }

    .commentlist{
        padding: 0px !important;
    }

    #comment{
        border-radius: 0px !important;
        border-color: var(--e-global-color-primary) !important;
    }

    .stars > span > *{
        color: var(--e-global-color-secondary) !important;
    }

    #submit{
        font-family: var(--e-global-typography-accent-font-family) !important;
        font-size: var(--e-global-typography-accent-font-size);
        text-transform: uppercase !important;
        color: var(--e-global-color-primary) !important;
        background-color: var(--e-global-color-8a48b6a) !important;
        border-color: var(--e-global-color-primary) !important;
        border-style: solid !important;
        border-width: 1px !important;
        border-radius: 0px !important;
        font-weight: var(--e-global-typography-accent-font-weight) !important;
        letter-spacing: var(--e-global-typography-accent-letter-spacing) !important;
        padding: 8px 12px 8px 12px !important;
    }

    #submit:hover{
        color: var(--e-global-color-85eb5bf) !important;
        background-color: var(--e-global-color-primary) !important;
    }


}

.template-1-single-product-page-product-title{
    .e-con-inner{
        max-width: none !important;
    }
}

[role=option]{
    font-family: var(--e-global-typography-accent-font-family) !important;

}
[aria-selected="true"]{
    background-color: var(--e-global-color-secondary) !important;
}

.template-1-filter{

    .woof_redraw_zone{
        column-gap: 80px !important;
        padding-bottom: 60px !important;
        .select2-selection__rendered{
            font-family: 'Questrial', sans-serif !important;
        }
        .select2-selection--single{
            font-family: 'Questrial', sans-serif !important;
        }
    }
    .woof_submit_search_form_container{
        margin-top: 20px !important;
    }
    .woof_reset_search_form{
        border-right: 1px solid var(--e-global-color-primary) !important;
        border-left: 1px solid var(--e-global-color-primary) !important;
        border-radius: 0px !important;
        color: var(--e-global-color-primary) !important;
        font-family: var(--e-global-typography-accent-font-family), Sans-serif;
        font-size: var(--e-global-typography-accent-font-size);
        font-weight: var(--e-global-typography-accent-font-weight) !important;
        text-transform: var(--e-global-typography-accent-text-transform);
        font-style: var(--e-global-typography-accent-font-style);
        line-height: var(--e-global-typography-accent-line-height);
        letter-spacing: var(--e-global-typography-accent-letter-spacing);
        padding: 12px 24px !important;
        background-color: transparent !important;
        margin: 0px !important;
        padding: 20px !important;
        transition: all .8s ease-in-out;
    }
    .woof_reset_search_form:hover{
        color: var(--e-global-color-secondary) !important;
        border-right: 1px solid inside var(--e-global-color-secondary) !important;
        border-left: 1px solid inside var(--e-global-color-secondary) !important;
        transform: scale(1.1);
    }
}

/*Template 1 Cart Styling*/

.template-1-cart{

    .product-remove{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .product-thumbnail{
        display: none !important;
    }

    .cart_item{
        padding: 0px !important;
    }

    .actions .button{
        width: var(--update-cart-button-width,fit-content)!important;
    }

    .actions{
        padding-top: 20px !important;
    }

    .coupon{
        padding-top: 10% !important;
        padding-bottom: 10% !important;
    }

    input[type="number"]{
        border-radius: 0px !important;
    }

    .checkout-button{
        transition: all 1400ms ease-in-out;
        font-size: var(--e-global-typography-button-text-font-size) !important;
    }

    .checkout-button:hover{
        transform: scale(1.1);
    }
}

#order_review_heading{
    font-size: 24px !important;
}

.wc-gzd-cart-item-name-wrapper{
    display: block !important;
}

.template-1-checkout{
    .item-desc{
        display: none !important;
    }
    .woocommerce-checkout-review-order-table{
        background-color: white !important;
    }   
    
    .product-name{
        color: var( --e-global-color-text ) !important;
    }

    .product-total{
        color: var( --e-global-color-text ) !important;
    }

    .cart-subtotal > *{
        color: var( --e-global-color-text ) !important;
    }

    .woocommerce-Price-amount{
        color: var( --e-global-color-text ) !important;
    }

    .woocommerce-shipping-totals > *{
        color: var( --e-global-color-text ) !important;
    }
    .order-total > *{
        color: var( --e-global-color-text ) !important;
    }

    .order-tax > *{
        color: var( --e-global-color-text ) !important;
    }

    #dibs-extra-checkout-fields{
        label{
            font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
            color: var(--e-global-color-text) !important;
        }
    }

    .col-1{
        padding: none !important;
        margin: none !important;
    }
    .woocommerce form .form-row .required{
        color: var( --e-global-color-text ) !important;
    }

    #place_order{
        background-color: transparent !important;
    }
}

/*Template 1 Contact-Form Styling*/

.template-1-contact-form{
    .elementor-button{
        width: fit-content !important;
    }

}

/*Template 1 FAQ Styling*/

.template-1-faq{
    .elementor-toggle-title:hover{
        text-decoration: none !important;
    }

    .elementor-toggle-item > .elementor-active{
        background-color: transparent !important;
    }
}