/* 
Theme Name: Hello Elementor Child Template 02
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-02
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 2 Styling*/

/*Template 2 Header Styling*/

.template-2-header{
    a:hover{
        text-decoration: none !important;
    }
}

/* Template 2 Cart Styling */

.template-2-cart{

    .product-name > a {
        color: var(--e-global-color-text) !important;
        text-transform: uppercase;
        padding-bottom: 20px !important;
    }
    .item-desc{
        display: none !important;
    }

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

    .cart_totals{
        width: 50% !important;
    }

    #coupon_code{
        width: fit-content !important;
        padding: var(--forms-buttons-padding, .88rem 2rem) !important;
    }
    
    .e-apply-coupon{
        width: fit-content !important;
        background-color: var(--e-global-color-primary) !important;
        padding: var(--forms-buttons-padding, .88rem 2rem) !important;

    }

    .e-apply-coupon:hover{
        background-color: var(--e-global-color-secondary) !important;
        border-color: var(--e-global-color-primary) !important;
    }

    .coupon-col{
        flex-direction: column !important;
        flex-wrap: wrap !important;
        align-content: flex-start !important;
        gap: 20px !important;
    }

    .checkout-button{
        width: fit-content !important;
        padding: var(--forms-buttons-padding, .88rem 2rem) !important;
        font-size: var(--e-global-typography-accent-font-size) !important;

    }

    .checkout-button:hover{
        border-color: var(--e-global-color-primary) !important;
        text-decoration: none !important;
    }

    #dibs-order-review > table{
        background-color: transparent !important;
    }
    
}

/*Template 2 Checkout Styling*/

.template-2-checkout{
    .wc-gzd-cart-item-thumbnail{
        display: none !important;
    }
    .item-desc{
        display: none !important;
    }

    .e-show-coupon-form{
        text-decoration: none !important;
    }

    .e-show-coupon-form:hover{
        text-decoration: underline !important;
        color: var(--e-global-color-secondary) !important;
    }

    .e-coupon-anchor-description{
        display: none !important;
    }

    #coupon_code{
        width: fit-content !important;
        padding: var(--forms-buttons-padding, .88rem 2rem) !important;
    }
    
    .e-apply-coupon{
        width: fit-content !important;
        background-color: var(--e-global-color-primary) !important;
        padding: var(--forms-buttons-padding, .88rem 2rem) !important;
        border-radius: 0px !important;
        border-width: 1px !important;

    }

    .e-apply-coupon:hover{
        background-color: var(--e-global-color-secondary) !important;
        border-color: var(--e-global-color-primary) !important;
    }

    .woocommerce-gzd-legal-checkbox-text > a{
        text-decoration: none !important;
        font-size: var( --e-global-typography-text-font-size ) !important;
    }

    .woocommerce-gzd-legal-checkbox-text > a:hover{
        text-decoration: underline !important;
        color: var(--e-global-color-text) !important;
    }

    .woocommerce-checkout-review-order-table{
        background: none !important;
    }

    #order_comments_field > label{
        color: var(--e-global-color-text);
        font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
        font-size: var(--e-global-typography-text-font-size) !important;
        font-weight: var(--e-global-typography-text-font-weight) !important;
        text-transform: var(--e-global-typography-text-text-transform) !important;
        font-style: var(--e-global-typography-text-font-style) !important;
        text-decoration: var(--e-global-typography-text-text-decoration) !important;
        line-height: var(--e-global-typography-text-line-height) !important;
        letter-spacing: var(--e-global-typography-text-letter-spacing) !important;
        word-spacing: var(--e-global-typography-text-word-spacing) !important;
        padding-bottom: 12px !important;
    }

    #order_comments{
        color: var(--e-global-color-text);
        font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
        font-size: var(--e-global-typography-text-font-size) !important;
        font-weight: var(--e-global-typography-text-font-weight) !important;
        text-transform: var(--e-global-typography-text-text-transform) !important;
        font-style: var(--e-global-typography-text-font-style) !important;
        text-decoration: var(--e-global-typography-text-text-decoration) !important;
        line-height: var(--e-global-typography-text-line-height) !important;
        letter-spacing: var(--e-global-typography-text-letter-spacing) !important;
        word-spacing: var(--e-global-typography-text-word-spacing) !important;
        padding: 12px !important;
    }
}

/*Template 2 FAQ Styling*/

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

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

.template-2-newsletter-pop-up{
    .elementor-field-group > input{
        padding: 12px !important;
    }
}