/* 
Theme Name: Hello Elementor Child
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-elementor-child
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
*/

/* styles */
html, body { overflow-x: hidden!important; }
::selection { background-color: var( --e-global-color-accent ); color: #fff; }
h1 strong { font-weight: 700; }
h1 small { font-size: 65%; }
.colored { color: var( --e-global-color-accent ); font-size: 165%;  }

/* Startseite */
.produktloop { transition: all .3s; }
.produktloop:hover { transform: scale(1.05); filter: brightness(1.75); transition: all .3s; }
.produktloop .produktloopcontent:after { content:"Jetzt bestellen"; position: absolute; top: 65%; left: calc(50% - 125px); width: 250px; height: 40px; background: rgba(0,0,0,0.85); border-radius: 12px; border: 1px solid #181818; color: var( --e-global-color-accent )!important; text-align: center; padding: 5px; transition: all .3s; opacity: 0%; text-transform: uppercase; transform: rotate(0deg); }
.produktloop:hover .produktloopcontent:after { transition: all .3s;  opacity: 100%; transform: rotate(-4deg);}

#gutscheine .produktloop .ribbon .ribbonbonus { font-size: 16px!important; }
#gutscheine .produktloop .ribbon .ribbonbonus strong { font-size: 20px!important; letter-spacing: 1px!important; }
#gutscheine .gutscheintext { max-height: 26px; overflow: hidden; }
#gutscheine .swiper { overflow: visible; }

/* Produkt */
.single-product .quantity input { min-width: 65px; }
.single-product .single_add_to_cart_button { background: var( --e-global-color-accent )!important; border-radius: 12px; border: 1px solid #181818; transition: all .3s; }
.single-product .single_add_to_cart_button:hover { transform: scale(1.1) rotate(4deg); transition: all .3s!important; background: var( --e-global-color-primary )!important; color: var( --e-global-color-accent )!important; } 
.single-product .elementor-widget-woocommerce-product-content small { line-height: 50px; }

/* Warenkorb */
.wp-block-woocommerce-checkout-shipping-method-block, .wp-block-woocommerce-checkout-pickup-options-block { display: none!important; }
.alignwide { margin-left: 0!important; }
.warenkob-content .wc-block-cart-item__wrap .wc-block-components-product-name { font-size: 18px!important; } 
.warenkob-content .wc-block-cart-item__wrap .price.wc-block-components-product-price { display: none!important; }
.warenkob-content .wc-block-cart-item__wrap .wc-block-components-product-metadata__description p { color: var( --e-global-color-accent )!important; margin-top: -10px; }
.warenkob-content .wc-block-components-sale-badge { color: var( --e-global-color-accent )!important; }
.warenkob-content .wc-block-cart-item__image { padding-right: 0!important; }
.warenkob-content .wc-block-cart-item__product { padding-left: 15px!important; }

.wp-block-woocommerce-cart-order-summary-coupon-form-block { display: none!important; }
.wc-block-components-button { background-color: var( --e-global-color-accent ); color: #fff; transition: all .3s!important; }
.wc-block-components-button:hover { background-color: var( --e-global-color-primary ); color: var( --e-global-color-accent ); transition: all .3s!important; transform: scale(1.1) rotate(4deg); }

/* Side */
#elementor-menu-cart__toggle_button { background: rgba(0,0,0,0.25); border-radius: 12px; border: 1px solid #181818; transition: all .3s; }
#elementor-menu-cart__toggle_button:hover { background: rgba(0,0,0,0.65); border-radius: 12px; border: 1px solid #181818; transition: all .3s; border-color: rgba(255,255,255,0.25); }
.elementor-menu-cart__main { backdrop-filter: blur(4px); }
.elementor-menu-cart__footer-buttons a { transition: all .3s!important; }
.elementor-menu-cart__footer-buttons a:hover { transform: scale(1.1) rotate(4deg); transition: all .3s!important; }
.elementor-menu-cart__product-remove.product-remove { margin-top: 4px; }

@media (max-width: 767px) {
  .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__container {
    min-width: 300px;
    width: 100vw;
    max-width: calc(100vw - 24px);
	}
}

/* Kasse */
.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-coupon-form-block, .wc-block-components-product-price { display: none!important; }
.woocommerce-checkout .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity span { color: #000!important; }
.woocommerce-checkout .wc-block-components-product-metadata__description p { color: var( --e-global-color-accent )!important; margin-bottom: 40px!important; }

.woocommerce-checkout input, .woocommerce-checkout textarea, .woocommerce-checkout select { background: #181818!important; color: var( --e-global-color-primary )!important; border-color: #333!important; }
.woocommerce-checkout label { color: var( --e-global-color-accent )!important; }

.woocommerce-checkout input:focus, .woocommerce-checkout textarea:focus, .woocommerce-checkout select:focus { border: 1px solid var( --e-global-color-primary )!important; box-shadow: none!important; }

.woocommerce-checkout .wc-block-checkout__actions_row { max-width: 360px; }
.wc-gzd-checkout .wc-block-components-order-summary, .wc-gzd-checkout .wc-block-components-order-summary.is-large, div.wc-block-components-notice-banner.is-error { background-color : #000!important; }
.wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before { background-color: var( --e-global-color-accent )!important; }
.wc-block-components-checkbox .wc-block-components-checkbox__mark { fill: var( --e-global-color-accent )!important; }

/* WooCommerce Checkout – Felder sortieren */

.wc-block-components-address-form { display: flex !important; flex-wrap: wrap; }
.wc-block-components-address-form > * { order: 10; width: 100%; }
.wc-block-components-address-form__country { order: 20; width: 100% !important; margin-top: 12px!important; }
.wc-block-components-address-form__phone { order: 30; width: 100% !important; }
.wc-block-components-address-form__state { display: none !important; }

.woocommerce-notices-wrapper { position: fixed; bottom: 0; z-index: 999; width: 100%; padding: 0; transition: all .3s; }
.woocommerce-notices-wrapper .woocommerce-message { margin-bottom: 0; background: rgba(0,0,0,0.65)!important; color: #fff!important; backdrop-filter: blur(4px); }
.woocommerce-notices-wrapper .woocommerce-message a { background: var( --e-global-color-accent )!important; border-radius: 12px; border: 1px solid #181818; transition: all .3s; color: #fff!important; }
.woocommerce-notices-wrapper .woocommerce-message a:hover { transform: scale(1.1) rotate(4deg); transition: all .3s!important; background: var( --e-global-color-primary )!important; color: var( --e-global-color-accent )!important; } 

/*** Cookies ***/
#cmplz-manage-consent { display: none!important; }
footer .cmplz-btn { background: transparent!important; padding: 0!important; text-transform: inherit!important; font-size: inherit!important; transition: all 0.3s; font-family: var( --e-global-typography-text-font-family ), Sans-serif!important; font-weight: var( --e-global-typography-text-font-weight )!important; border: none!important; color: var( --e-global-color-primary )!important; letter-spacing: 0!important; }
footer .cmplz-btn:hover { transition: all 0.3s; color: #fff!important; }