/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


/* INFOS
#b99d61
#c9b07a
#1f1c17 dunkel
#4a4f57 schrift dunkelgrau
#e1e1df border 2px 20px
#efeae0 fill farbig
#faf8f3 fill hell
*/


[class*="color-scheme-light"], .whb-color-light {
  --wd-otl-color-scheme: #fff !important;
  --wd-text-color: #fff;
}

h1 { font-size: 86px; line-height: 100%; margin-top: 10px; }
.vc_custom_home_hero h1 { font-size: 104px; }
h1 em { color: #b99d61; }
h2 { font-size: 64px; line-height: 100%; margin-top: 10px; }
h2 em { color: #b99d61; }
h3 { font-size: 28px; line-height: 100%; margin-top: 10px; }
h3 em { color: #b99d61; }

span.headlargetext, span.largetext { display: block; line-height: 120%; margin-bottom: 15px; }
span.headlargetext  { font-size: 280%; line-height: 110%; text-transform: uppercase; }
span.largetext { font-size: 160%; }
span.largetext.uppercase { font-size: 160%; text-transform: uppercase; }
span.largetext em { color: #b99d61; }
span.mono { letter-spacing: 0.1em; }


.smaller { font-size: 80%; }

span.button, .mailpoet_submit { padding: 15px 25px; border: 2px solid #1f1c17; background: #1f1c17; color: white; border-radius: var(--wd-brd-radius) !important; -webkit-transition: all 0.2s; transition: all 0.2s; }
span.button.primary { background: var(--wd-primary-color) !important; color: white !important; }
span.button.outline { background: transparent !important; color: var(--wd-text-color) !important; }
.vc_row-has-fill span.button.outline { border-color: color: var(--wd-primary-color) !important; color: white !important; }
span.button:hover, .mailpoet_submit:hover { color: #ffffff !important; background-color: var(--wd-primary-color) !important; border-color: var(--wd-primary-color) !important; border-radius: 30px; }

.wpcf7-form a { text-decoration: underline; }


/* MAILPOET */
body .mailpoet_form .mailpoet_paragraph { margin-bottom: 10px !important; }
body .mailpoet_form .mailpoet_submit { padding: 10px 20px !important; text-transform: none; }

body .wd-footer .mailpoet_form .mailpoet_paragraph { display: inline-block; }
body .wd-footer .mailpoet_form .mailpoet_text { padding: 10px 45px 10px 25px !important; max-width: 200px; display: inline-block; }
body .wd-footer .mailpoet_form .mailpoet_submit { display: inline-block; padding: 12px 35px 12px 25px !important; background-color: var(--wd-primary-color) !important; margin-left: -45px !important; margin-top: -2px !important; }
body .wd-footer .mailpoet_form .mailpoet_submit:hover { background: #1f1c17 !important; }


/* HEADER */
.whb-top-bar .wd-header-text { font-size: 70% !important; }
.wd-logo img[src$=".svg"] { width: 240px; }
.whb-general-header .whb-col-left .btn { border: 1px solid #e1e1df; transition: all 0.3s ease-out allow-discrete; }
.whb-general-header .whb-col-left .btn:hover { padding-left: 25px; padding-right: 25px; }
.whb-general-header .whb-col-left .btn::before {
  content: "🔍";
  font-size: 14px;
  line-height: 1;
  opacity: 0;
  width: 0;
  transform: translateX(-6px);
  transition: all 0.25s ease;
}

.whb-general-header .whb-col-left .btn:hover::before {
  opacity: 1;
  width: 18px;
  transform: translateX(0);
}
.whb-col-right .wd-tools-element .wd-tools-icon, .whb-col-right .wd-tools-element .wd-tools-inner { border: 1px solid #e1e1df; }
.whb-col-right .wd-tools-element.wd-header-my-account .wd-tools-icon { border: 0; }
.whb-main-header .wd-tools-element > a { padding-inline: 5px; }
.wd-header-search .wd-search-dropdown { border-radius: 50%; }


/* NAVIGATION */
#menu-item-320 a { border: 1px solid #e1e1df; border-radius: 40px; }
.wd-nav > li:is(.wd-has-children, .menu-item-has-children) > a::after { color: white; }

.wd-page-title .wd-breadcrumbs { font-size: 80%; }

/* CONTENT */
body .wpb_raw_html { margin-bottom: 0; }

.boxed .vc_column-inner, .wpb_content_element.boxed, .info-box-wrapper { border: 2px solid #e1e1df; border-radius: var(--wd-brd-radius); padding: 20px; }
.wpb_content_element.boxed.wpb_gmaps_widget { padding: 0; }

.wpb_gmaps_widget .wpb_wrapper { background-color: transparent; padding: 0; }

.bohnenwegblock .mono { position: absolute; top: 20px; left: 20px; background: #fff; padding: 4px 10px; border-radius: 999px; font-size: 11px; letter-spacing: 0.08em; }

.kategorien-icons-boxes .wpb_raw_html a { transition: all 0.3s ease-in-out; }
.kategorien-icons-boxes .wpb_raw_html a:hover { border-color: var(--wd-primary-color); background-color: rgba(185, 157, 97, 0.2); }

/* SHOP */
.price-unit .amount { font-weight: normal; }
.wp-block-wd-container .price { color: var(--wd-text-color); }
.wd-loop-prod-price, .pricebox .price { font-size: 90%; color: var(--wd-text-color); }
.pricebox .price span { color: #1f1c17; }
.wd-add-btn-wrapp .wd-add-btn .button { background: #1f1c17; color: white; }
body .wd-product .coffienna-loop-unit-price { font-size: 60%; line-height: 1.25; }

.product-label.wd-shape-round.out-of-stock { max-width: 200px !important; font-size: 11px !important; padding: 10px; min-height: 20px; }

.wd-el-hook.pricebox > span.price {
  display: none !important;
}

.wd-el-hook.pricebox .coffienna-loop-pricebox span.price {
  display: inline !important;
}

.coffienna-has-loop-pricebox .coffienna-cup-pill { display: none !important; transition: all 0.3s ease-out allow-discrete; }
.product:hover .coffienna-has-loop-pricebox .coffienna-cup-pill {
  display: block !important;
  font-size: 50%;
  position: absolute;
  width: 120%;
  display: inline-block;
  width: fit-content;
  max-width: 100%;
  margin: 0 -10px;
  padding: 5px 8px;
  border: 1px solid rgba(45, 43, 37, 0.10);
  border-radius: 999px;
  background: #f7f4ec;
  color: #2d2b25;
  line-height: 1;
  box-shadow: none;
  bottom: -12px;
	height: 25px;
}
.coffienna-has-loop-pricebox .coffienna-cup-pill svg { width: 20px; height: 20px; }
.coffienna-has-loop-pricebox .coffienna-cup-pill span { position: relative !important }
.coffienna-has-loop-pricebox .coffienna-cup-pill .ic { color: #b99d61; position: relative; bottom: 0; margin-right: 5px; }


/* PRODUKTSEITE */
body .summary .product_title { font-size: 250%; }
.summary-inner > .price { color: var(--wd-text-color); margin-bottom: 0; float: left; margin-right: 15px; }
.summary-inner p.wc-gzd-additional-info { clear: none; float: left; font-size: 70% !important; }
.summary-inner p.wc-gzd-additional-info.delivery-time-info { float: none; clear: both; }
body .summary .wd-product-brands a {  padding: 0; overflow: hidden; }
.woocommerce-product-details__short-description {
  margin: 20px 0;
  clear: both;
}
body .product .wd-before-product-tabs { background: none; }
body .product .product_meta { margin-top: 0; font-size: 70%; }
body .summary .wd-wishlist-btn .wd-action-text { display: none; }

body.single-product .product-type-simple .summary-inner > .price-unit,
body.single-product .product-type-simple .summary-inner > .legal-price-info {
    display: inline-block !important; margin-bottom: 0;
}

div.quantity input, div.quantity input[type="button"] { min-width: 35px; background: white; }
div.quantity .minus {
  border-start-start-radius: 20px;
  border-end-start-radius: 20px;
	border-right: 0 !important;
}
div.quantity .plus {
  border-start-end-radius: 20px;
  border-end-end-radius: 20px;
	border-left: 0 !important;
}

.single-breadcrumbs-wrapper { font-size: 70%; }

.product_cat-kaffeezubehoer .product-badge-beschaffenheit img, .product_cat-kaffeezubehoer .product-service-badges .service-badge-roasted { display: none !important; }

body.single-product .product-type-simple p.stock { font-size: 70%; }

.product_cat-gutscheine .product-service-badges, .wd-sticky-btn .product-service-badges, .wd-sticky-btn p.stock { display: none !important; }

.wd-sticky-btn .wd-entities-title { font-size: 110%; }

.wd-wtl-form h4 { font-size: 140%; }
.wd-wtl-form p { font-size: 90%; line-height: 140%; }




/* Globale Verlaufsklasse: links Bild sichtbar, rechts weiß */
.vc_row.gradientboxlefttoright {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 20px !important;
}

/* WPBakery-Parallax NICHT in Position/Top/Height verändern */
.vc_row.gradientboxlefttoright > .vc_parallax-inner {
  border-radius: inherit !important;
}

/* Verlauf über dem Parallax-Bild */
.vc_row.gradientboxlefttoright::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  border-radius: inherit !important;

  background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.45) 40%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100% ) !important;
}

/* Inhalt über Verlauf setzen */
.vc_row.gradientboxlefttoright > .wpb_column {
  position: relative !important;
  z-index: 3 !important;
}
/* Globale Verlaufsklasse für WPBakery-Parallax-Rows */
.vc_row.gradientboxbottomtotop {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 20px !important;
}

/* WPBakery-Parallax NICHT anfassen */
.vc_row.gradientboxbottomtotop > .vc_parallax-inner {
  border-radius: inherit !important;
}

/* Verlauf als eigener Layer über dem Parallax-Bild */
.vc_row.gradientboxbottomtotop::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  border-radius: inherit !important;

  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 35%,
    rgba(255, 255, 255, 0.95) 52%,
    rgba(255, 255, 255, 0.65) 70%,
    rgba(255, 255, 255, 0.25) 88%,
    rgba(255, 255, 255, 0) 100%
  ) !important;
}

/* Content über Verlauf setzen */
.vc_row.gradientboxbottomtotop > .wpb_column {
  position: relative !important;
  z-index: 3 !important;
}

/* SHOP */
.wd-title-wrapp .wd-back-btn { display: none; }
.wd-shop-tools { font-size: 80%; }

.wd-sidebar { border: 1px solid #e1e1df; border-radius: var(--wd-brd-radius); padding: 20px; font-size: 80%; }
.wd-sidebar a { color: #1f1c17; }
.wd-sidebar .widget-title { font-size: 100%; letter-spacing: 0.1em; }
.wd-sidebar .wd-swatch { font-weight: 400; }

.wd-product .wd-product-wrapper { border: 1px solid #e1e1df; border-radius: var(--wd-brd-radius); padding: 5px !important; }
.wd-product .wd-product-wrapper .product-element-bottom { padding: 5px 15px; }


.products .wd-loop-prod-attrs .woocommerce-product-attributes.shop_attributes {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    clear: both;
}

.products .wd-loop-prod-attrs .woocommerce-product-attributes.shop_attributes tbody {
    display: inline;
}

.products .wd-loop-prod-attrs .woocommerce-product-attributes.shop_attributes tr {
    display: inline;
}

.products .wd-loop-prod-attrs .woocommerce-product-attributes.shop_attributes td {
    display: inline;
    padding: 0;
    border: 0;
}

.products .wd-loop-prod-attrs .woocommerce-product-attributes.shop_attributes .wd-term {
    display: inline;
}

.products .wd-loop-prod-attrs .woocommerce-product-attributes.shop_attributes .wd-term-name {
    display: inline;
}

/* Trenner zwischen den Werten */
.products .wd-loop-prod-attrs .woocommerce-product-attributes.shop_attributes tr:not(:last-child) td::after {
    content: " · ";
    margin: 0 4px;
}

/* Clear nach der Tabelle */
.products .wd-loop-prod-attrs .woocommerce-product-attributes.shop_attributes::after {
    content: "";
    display: block;
    clear: both;
}

.products .variations select { background-color: white; }


/* WARENKORB & KASSE */
.unit-price-cart, .wc-gzd-cart-info { font-size: 60% !important; }
.wc-gzd-total-mini-cart { font-size: 70%; text-align: right; margin-bottom: 0 !important; }
.woocommerce-mini-cart__total { font-size: 110%; }
.widget_shopping_cart .wd-free-progress-bar { font-size: 90%; }
.shop_table .woocommerce-shipping-methods { font-size: 90%; margin-bottom: 0 !important; }

.checkout-button, #place_order { padding: 20px; font-size: 90%; }

.wd-page-wrapper .woocommerce-checkout .shop_table { overflow-x: auto;
  margin-bottom: 20px;
  padding: 5px 25px;
  border-radius: var(--wd-brd-radius);
  background-color: var(--bgcolor-white);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.05); }

table.woocommerce-checkout-review-order-table tr.wc-gzd-cart-item-has-thumbnail .wc-gzd-cart-item-name-wrapper .wc-gzd-cart-item-thumbnail img { border-radius: 15px; }

.wc-gzd-checkbox-placeholder .woocommerce-form__label { font-size: 80%; line-height: 140%; display: block !important; }
#order_review .wc-gzd-checkbox-placeholder p.form-row a, .woocommerce-form__label a { text-decoration: underline; }

tr.coffienna-shipping-progress-row { padding-top: 20px; }

table.woocommerce-checkout-review-order-table .amount, .cart_totals .amount, .woocommerce-cart-form__cart-item .amount, .woocommerce-mini-cart-item .amount, .total-cart-tax .amount { color: var(--wd-text-color); }
table.woocommerce-checkout-review-order-table .order-total .amount, .cart_totals .order-total .amount { color: var(--wd-primary-color); }

/* BOTTOMTEXT */
.bottomtext :is(h1, h2, h3, h4, h5) { font-size: 120%; line-height: 140%; }
.bottomtext p, .bottomtext li { font-size: 80%; line-height: 140%; margin-bottom: 15px; }

/* BLOG */
.wd-post .wd-post-meta { display: none !important; }
.wd-post .wd-post-excerpt { font-size: 80%; }
body .wd-post-read-more.wd-style-link { text-transform: none; font-weight: 600; font-size: 80%; }


/* FOOTER */
.wd-footer .main-footer { font-size: 80%; }
.wd-footer .footer-column { padding-right: 5%; }
.wd-footer .main-footer .widget-title { font-family: "Geist Mono", Arial, Helvetica, sans-serif; letter-spacing: 0.1em; font-size: 90%; opacity: 0.8; }
.wd-footer .widget {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 0;
}
.wd-footer .menu li { margin-bottom: 8px; }
.wd-copyrights { font-size: 80%; }