/*
 Theme Name:   Kuestenglueck
 Description:  Theme Kuestenglueck
 Author:       pictibe
 Author URI:   https://www.pictibe.de
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


:root { --sub-menu-color: #444; }

.woodmart-logo img { padding: 10px 0; }
.wunschliste_icon { display: block; flex: none; }
.woodmart-shopping-cart { padding: 5px; border: 1px solid rgba(0,0,0,.17); border-radius: 5px; }
.woodmart-shopping-cart:hover { background: rgba(0,0,0,.05); }

.zusatzheaderzeile { display: block; width: 100%; text-align: center; background: white; padding: 10px; }
.zusatzheaderzeile img { width: 100%; max-width: 1222px; }

body .grecaptcha-badge { display: none !important; visibility: hidden !important; }

body .wd-sub-menu li > a { color: #444; }


/* BLOG */
body.single-post .post-single-page .article-inner { padding-right: 5%; }
.article-inner .post-date, .entry-header .post-date, .entry-meta .meta-author { display: none !important; }
.body.archive.category .archive-meta { margin-top: 30px;  }


/* SHOP */
.product-grid-item .product-title { font-weight: 600; color: #394657; font-size: 100%; }
.teaser-box.product-grid-item { background: #e1dbd4; color: var(--wd-entities-title-color); display: flex; justify-content: center; align-items: center; text-align: center; padding: 20px; border-radius: var(--wd-brd-radius); box-shadow: 0 0 4px rgba(0,0,0,0.12); }
.teaser-box.product-grid-item a { color: white; text-decoration: underline; }
.teaser-box.product-grid-item strong { font-size: 120%; }
.teaser-box.product-grid-item .button { background: var(--wd-link-color); color: white; text-decoration: none; }
.teaser-box.product-grid-item .button:hover { background: rgb(183,166,129); }


/* PRODUKTSEITE */
.summary .summary-inner .product_title { font-size: 200%; margin-bottom: 10px; }
.product-image-summary .summary { padding-top: 15px; padding-bottom: 15px; background: white; }
.product-image-summary .summary .summary-inner { padding: 10px 25px; }
.summary-inner .price { margin-bottom: -5px; font-size: 160%; }
.wgm-info { font-size: 75%; }
.summary-inner .wgm-info.shipping_de { font-size: 120%; color: #7fbc53; display: inline-block; font-weight: 600; }
.single-product .summary-inner .wd-before-add-to-cart { margin-bottom: 0 !important; }
.single-product .summary-inner .wgm-info.woocommerce-de_price_taxrate, .wgm-info.woocommerce_de_versandkosten { display: inline-block; }
.single-product .summary-inner .wgm-info.shipping_de, .summary .wgm-info.delivery-time { display: block !important; margin-bottom: 8px; }
.summary .trustedShopsProductWidget { margin-bottom: 5px; }

.single-product button.single_add_to_cart_button { padding: 10px 30px; font-size: 15px; }

.single-product-page .wd-fbt-wrap { width: 101%; margin: 50px 0 75px 0; padding: 25px; }

.wd-sticky-btn .gm-wp_bakery_woocommerce_get_price_html, .wd-sticky-btn .awdr-bulk-customizable-table { display: none !important; }


/*Warenkorb Button effekt*/
button.single_add_to_cart_button { padding: 18px 40px !important; font-size: 17px !important; animation-name: horizontal-shaking; animation-duration: 8s; animation-iteration-count: infinite; }

/* WARENKORB */
.mini_cart_item .variation-Lieferzeit, .mini_cart_item .woocommerce-de_price_taxrate, .shop_table .woocommerce-shipping-methods .product-tax, .woocommerce-cart .whb-col-left > div, .woocommerce-cart .whb-col-right > div, .woocommerce-cart  .wd-header-search, .woocommerce-cart .zusatzheaderzeile, .woocommerce-cart .wd-prefooter { display: none !important; }
.woocommerce-mini-cart__total { font-size: 110%; }

.shop_table .woocommerce-shipping-methods { font-size: 80%; }
.shop_table .woocommerce-shipping-methods input[type="radio"]:checked + label { font-weight: bold !important; }

.shop_table .cart_item dl dd { margin-bottom: 0; }

.cart_item td.product-subtotal span.wgm-tax { font-size: 50%; }
.cart_item td.product-subtotal span.wgm-tax span { font-size: 100%; }
.cart_item .variation-Lieferzeit, .cart-totals-inner .woocommerce-shipping-destination, .order-total .wgm-tax { font-size: 70%; }
.order-total .wgm-break { display: none; }
.woocommerce-cart .cart-totals-inner .checkout-button { font-size: 100%; padding: 20px; margin-top: 10px; }

.shop_table_responsive .product-name a:first-child, .shop_table_responsive td.product-name a.tm-cart-edit-options, .shop_table_responsive .tm-cart-edit-options { display: block; width: 100%; }



/* CHECKOUT */
.cart-actions .coupon .button { background: #cacaca; color: #394657; }

#cfw-mobile-total .includes_tax { font-size: 65%; }


/*SIDEBAR*/
.sidebar-container{ border: solid 2px #dbd5d9 !important; padding: 20px; }
.sidebar-container .socialincontent li{ list-style: none !important; display: inline-block; padding: 0 10px;}
.textwidget > ul:not(.menu) > li::before{ display: none !important; }


/*FOOTER*/
.wd-prefooter { padding-bottom: 0 !important; }
.wd-prefooter input[type="email"] { width: 100% !important ; }

.wd-prefooter input[type="text"], .wd-prefooter input[type="email"], .wd-prefooter input[type="search"] { background: #fff !important; }
[class*="color-scheme-light"] .footer-widget, [class*="color-scheme-light"] .footer-widget li { --wd-link-color: white; color: white; }

.footer-container .menu-footer li { display: inline-block !important; padding: 0 10px !important; }

a.scrollToTop { right: 49%; }

@media screen and (max-width: 960px) {
	
	body.single-post .post-single-page .article-inner { padding-right: 0; }
	.woodmart-shopping-cart { border: 0; }
	.whb-column .whb-text-element.reset-mb-10 { display: inline-block; flex: none; }
	
	.woocommerce-checkout #cfw { margin-top: 0 !important; padding-top: 1em !important; }
}


@media screen and (max-width: 479px) {

	.teaser-box.product-grid-item { font-size: 90%; line-height: 140%; }
	.teaser-box.product-grid-item span.button { font-size: 90%; padding: 10px 15px !important; margin: 0 -15px; }
   
}

@keyframes horizontal-shaking {
0% { transform: translateX(0) }
4% { transform: translateX(8px) }
8% { transform: translateX(-8px) }
12% { transform: translateX(8px) }
16% { transform: translateX(0) }
20% { transform: translateX(0) }
24% { transform: translateX(8px) }
28% { transform: translateX(-8px) }
32% { transform: translateX(8px) }
36% { transform: translateX(0) }
50% { transform: translateX(0) }
75% { transform: translateX(0) }
100% { transform: translateX(0) }
}