/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.1
*/
:root {
  --coj-lightbrown: #d4983e;
	--coj-brown: #8B5830;
	--coj-darkbrown: #0A0A0A;
	
}


/*
From bebuilder Templates
*/
.cart_totals h3, .cart_totals h4 {
	padding: 18px 0 18px 0;
	border: 3px solid #000;
    border-left: 3px;
    border-right: 3px;
}

/*
.mcb-section .mcb-wrap .mcb-item-398ab0736 ul.products li.product .title {
padding: 10px 0 10px;
    border: solid #000;
    border-left: 3px;
    border-right: 3px;
    border-bottom: 3px;
}*/

.woocommerce-checkout .shop_table {
background-color: rgba(0, 0, 0, 0);
}

.woocommerce-checkout h3,.woocommerce-checkout h4 {
	padding: 30px 0 30px 0;
	border: 3px solid #000;
    border-left: 3px;
    border-right: 3px;
}


div#order_review.woocommerce-checkout-review-order {
	padding: 0 30px 30px 30px;
}

.mcb-section .mcb-wrap .shop_table .actions .button {
    margin-right: 5px;
}


input#coupon_code.input-text {
width: 350px;
font-size:0.7em;
}

.woocommerce table.woocommerce-product-attributes td {min-width: 150px; padding: 0}

/* Warenkorb */

@media only screen and (min-width: 500px) and (max-width: 1024px) {

.laptop-two-third.mcb-wrap
{
	width: 100%;
}
	
.laptop-one-third.mcb-wrap
{
	width: 100%;
}
	
input#coupon_code.input-text {
    width: 671px;
    font-size: 0.7em;
    padding: 20px 0 20px 0;
    margin-bottom: 10px;
}

.mcb-section .mcb-wrap .shop_table .actions .button {
    margin-right: 5px;
}
}


@media only screen and (max-width: 499px) {
	
input#coupon_code.input-text {
    width: 100%;
    font-size: 0.7em;
    padding: 20px 0 20px 0;
    margin-bottom: 20px;
	margin-right:0;
}



.mcb-section .mcb-wrap .shop_table .actions .button {
	width: 100% !important;
    margin-right: 0;
	margin-bottom:10px;
}

}


@media only screen and (max-width: 768px) {
    .woocommerce-page table.shop_table_responsive tr td.product-quantity, .woocommerce table.shop_table_responsive tr td.product-quantity {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

@media only screen and (max-width: 768px) {
    .woocommerce-page table.shop_table_responsive tr td.product-remove a.remove, .woocommerce table.shop_table_responsive tr td.product-remove {
        margin: 0 auto;
    }
}


/*
END From bebuilder Templates
*/



.custom-compact-excerpt  {line-height: 1.3em; font-style: italic; font-size: 0.9em; margin-bottom: 40px; padding: 0 20px;}
.custom-compact-excerpt  b, .custom-compact-excerpt   strong {font-weight: 500;}
/* Checkout 1-spaltig (falls noch nicht drin) */

.woocommerce-checkout .col2-set,
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2,
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review {
  float:none !important;
  width:100% !important;
  max-width:100% !important;
}

/* Unten: die zweite Tabelle im Standard-#order_review verstecken */
.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table {
  display: none !important;
}

/* Optional: Überschrift "Deine Bestellung" unten weg, falls vorhanden */
.woocommerce-checkout #order_review_heading {
  display: none !important;
}


.child-woo-steps {
  margin: 0 0 18px 0;
}

.child-woo-steps__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  align-items: center;
}

.child-woo-steps__item {
  display: flex;
  align-items: center;
  gap: 10px;
  opacity: 0.6;
}

.child-woo-steps__item.active {
  opacity: 1;
  font-weight: 700;
}

.child-woo-steps__item.done {
  opacity: 0.9;
}

.child-woo-steps__badge {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid currentColor;
  font-size: 14px;
  line-height: 1;
}

.child-woo-steps__item.done .child-woo-steps__badge {
  border-style: solid;
}

.child-woo-steps__label a {
  text-decoration: none;
}


/* Container */
.elementor.elementor .e-con>.elementor-widget,
.e-n-menu-content .e-con>.elementor-widget ,
.b2bk-shop-mega { width: 100%; padding: 20px 20px 40px 20px;}
.b2bk-shop-mega-grid {
  display: grid;
  gap: 40px 20px;
}

/* Columns by attribute */
.b2bk-shop-mega[data-cols="2"] .b2bk-shop-mega-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.b2bk-shop-mega[data-cols="3"] .b2bk-shop-mega-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.b2bk-shop-mega[data-cols="4"] .b2bk-shop-mega-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.b2bk-shop-mega[data-cols="5"] .b2bk-shop-mega-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.b2bk-shop-mega[data-cols="6"] .b2bk-shop-mega-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }


.elementor-menu-cart__toggle .elementor-button:hover svg {fill: var(--coj-lightbrown);}

#elementor-menu-cart__toggle_button,
.elementor-widget-n-menu .e-n-menu-title,
.elementor-widget-n-menu .e-n-menu-title:not(.e-current):not(:hover) .e-n-menu-title-container .e-n-menu-title-text,
.account-link {color: var(--coj-lightbrown);}


.b2bk-shop-mega a {color: var(--coj-darkbrown);}

.elementor-widget-n-menu .e-n-menu-title:hover,
.account-link:hover,
.account-link:active,
.b2bk-shop-mega a:hover,
.b2bk-shop-mega a:active {color: var(--coj-brown);}

.account-link,
.b2bk-shop-mega-toplink {font-size: 18px;}
/* Top category */
.b2bk-shop-mega-toplink {
  font-weight: 700;
  display: inline-block;
  padding: 0px 0;
  text-decoration: none;
  
}

/* Subcategories */
.b2bk-shop-mega-sub {
  list-style: none;
  margin: 8px 0 0 0;
  padding: 0;
}
.b2bk-shop-mega-subitem { margin: 0; }
.b2bk-shop-mega-sublink {
  display: inline-block;
  padding: 0px 0;
  padding-left: 12px; /* “eingerückt” */
  text-decoration: none;
}

@media (max-width: 767px) {
  .b2bk-shop-mega-grid { grid-template-columns: 1fr !important; }
}

/* Top image */
.b2bk-shop-mega-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

/* layout: image above title */
.b2bk-shop-mega[data-imgpos="above"] .b2bk-shop-mega-toplink {
  display: block;
  margin-top: 8px;
}

/* layout: image left of title */
.b2bk-shop-mega[data-imgpos="left"] .b2bk-shop-mega-top {
  display: flex;
  gap: 10px;
  align-items: center;
}
.b2bk-shop-mega[data-imgpos="left"] .b2bk-shop-mega-imglink {
  flex: 0 0 80px;
}
.b2bk-shop-mega[data-imgpos="left"] .b2bk-shop-mega-img {
  width: 80px;
  height: 120px;
  object-fit: cover;
  border-radius: 8px;
}

/* subcat images if images="all" */
.b2bk-shop-mega-subimglink .b2bk-shop-mega-img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  border-radius: 6px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}

/* Left-layout row: image + content */
.b2bk-shop-mega-row{
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.b2bk-shop-mega-imglink .b2bk-shop-mega-img{
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}

.b2bk-shop-mega-content .b2bk-shop-mega-toplink{
  font-weight: 700;
  display: inline-block;
  margin-bottom: 0px;
  text-transform: uppercase;
}

/* Subcats should sit directly under top link inside content */
.b2bk-shop-mega-content .b2bk-shop-mega-sub{
  margin-top: 0px;
  
}
body.b2bking_b2b_user del,
body.b2bking_b2b_user .price del {
  display: none !important;
}

.b2bk-overorder  {font-size: 0.8em; font-style: italic; color: #333;}











.woocommerce table.shop_table td.product-name {min-width: 150px !important; }


.woocommerce table.shop_table td.product-name ,
.woocommerce table.shop_table td.product-name a {font-size: 14px !important; line-height: 1.2em !important}

.woocommerce table.shop_table .quantity,
.woocommerce table.shop_table input.qty {max-width: 90px !important}
.woocommerce table.shop_table td.product-quantity {max-width: 100px !important;}

.woocommerce table.shop_table td.product-thumbnail {min-width: 120px !important; padding: 0 !important;}

.woocommerce table.shop_table th.product-quantity,
.woocommerce table.shop_table th.product-subtotal {font-size: 10px !important;}

.woocommerce table.shop_table th.product-subtotal,
.woocommerce table.shop_table td.product-subtotal {max-width: 80px !important;}

.nutrition-table,
.nutrition-table th,
.nutrition-table td {text-align: left;}
.mfn-woocommerce-tabs-content * {font-size: 1rem !important;}
.mfn-woocommerce-tabs-content p {margin: 0 !important}

.b2bking_custom_registration_container *,
.b2bking_custom_registration_container {width: 100% ;}
.b2bking_custom_registration_container input {width: 100%; border: 1px solid var(--coj-brown); text-align:left;}

.woocommerce-price-suffix {display: none !important}
.b2bking_custom_registration_container_field_29733 ,
.b2bking_custom_registration_container_field_29721 {border-top: 1px solid #CCC; margin: 20px;  }
.b2bking_custom_registration_container_field_29733  > * ,
.b2bking_custom_registration_container_field_29721  > * {display:none;}

div.ppc-button-wrapper
{
	margin-top:5px;
}

ul.products li.product 
{
	/*width: 23% !important;*/
	margin: 0 1% 50px 1% !important;

	-webkit-box-shadow: 6px 10px 15px -2px rgba(0, 0, 0, 0.20);
    box-shadow: 3px 5px 10px -2px rgba(0, 0, 0, 0.10); 
	
	padding-right: 0px !important; border: 0px !important;}

li.product .image_frame {border-bottom-width: 0px  !important; }
.b2bk-loop-qty .quantity {width: 100%; margin: 0 auto; border: 1px solid #000}







/* DEBUG: Dropdown immer sichtbar */
body.b2bk-mmdebug .elementor-nav-menu--dropdown,
body.b2bk-mmdebug .elementor-nav-menu__container .sub-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  height: auto !important;
  transform: none !important;
}




/* TABLET+MOBILE: keine Kategorie-Bilder im Mega-Menü */
@media (max-width: 1024px) {
  .b2bk-shop-mega .b2bk-shop-mega-imglink,
  .b2bk-shop-mega .b2bk-shop-mega-subimglink,
  .b2bk-shop-mega .b2bk-shop-mega-img {
    display: none !important;
  }
}
/* =========================================================
   TABLET/MOBILE: Shop Mega Dropdown fullscreen + scroll
   ========================================================= */
@media (max-width: 1024px) {

  /* Das Dropdown selbst als Fullscreen Overlay */
  .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children > .sub-menu,
  .elementor-nav-menu--main > ul.elementor-nav-menu > li.elementor-item-has-children > .sub-menu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    transform: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    z-index: 999999 !important;
  }

  /* Innen keine "boxed" Container-Bremsen */
  .elementor-nav-menu--main .sub-menu .elementor-container,
  .elementor-nav-menu--main .sub-menu .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Dein Mega-Content soll 1-spaltig werden (von oben nach unten) */
  .b2bk-shop-mega-grid {
    grid-template-columns: 1fr !important;
  }

  /* Etwas Luft & bessere Lesbarkeit */
  .b2bk-shop-mega {
    padding: 18px 16px !important;
  }

  /* Subcats untereinander, klar eingerückt */
  .b2bk-shop-mega-sublink {
    padding-left: 16px !important;
  }
}
/* TABLET+MOBILE: keine Kategorie-Bilder im Mega-Menü */
@media (max-width: 1024px) {
  .b2bk-shop-mega .b2bk-shop-mega-imglink,
  .b2bk-shop-mega .b2bk-shop-mega-subimglink,
  .b2bk-shop-mega .b2bk-shop-mega-img {
    display: none !important;
  }
}
@media (max-width: 1024px) {

  /* aus mehreren Spalten -> eine Spalte */
  .b2bk-shop-mega-grid {
    grid-template-columns: 1fr !important;
  }

  /* Subcats schöner eingerückt */
  .b2bk-shop-mega-sublink {
    padding-left: 16px !important;
  }
}
@media (max-width: 1024px) {
  /* Falls left-layout Row aktiv ist: Bildspalte entfernen */
  .b2bk-shop-mega-row {
    grid-template-columns: 1fr !important;
  }
}


/* Mega-Menu Grid zentrieren */
.b2bk-shop-mega-grid {
  max-width: 1400px;      /* anpassen nach Geschmack: 1200–1600 */
  margin-left: auto;
  margin-right: auto;

  /* wichtig: Text NICHT zentrieren */
  text-align: left;
}


@media (min-width: 1280px) {
  .b2bk-shop-mega-grid {
    max-width: 1500px;
  }
}

@media (max-width: 1024px) {
  .b2bk-shop-mega-grid {
    max-width: 100%;
  }
}
.b2bk-shop-mega-grid {
  justify-items: stretch; /* Default, aber explizit */
}


/* =========================================================
   MOBILE: Fullscreen Shop Mega Menu (zentriert & groß)
   ========================================================= */
@media (max-width: 767px) {

  /* Dropdown als Fullscreen Overlay */
  .elementor-nav-menu--main
  > ul.elementor-nav-menu
  > li.menu-item-has-children
  > .sub-menu {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;

    background: #ffffff;
    z-index: 999999 !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    margin: 0 !important;
    transform: none !important;
  }

  /* Keine Container-Begrenzung im Dropdown */
  .elementor-nav-menu--main .sub-menu .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Mega-Menu Block zentrieren */
  .b2bk-shop-mega {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px 20px;
  }

  /* Alles untereinander */
  .b2bk-shop-mega-grid {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    grid-template-columns: 1fr !important;
  }

  /* Hauptkategorien größer */
  .b2bk-shop-mega-toplink {
    font-size: 1.45rem;
    line-height: 1.3;
    margin-bottom: 14px;
    display: inline-block;
  }

  /* Unterkategorien größer & eingerückt */
  .b2bk-shop-mega-sublink {
    font-size: 1.15rem;
    line-height: 1.6;
    padding-left: 14px;
    display: inline-block;
  }

  /* Abstand zwischen Blöcken */
  .b2bk-shop-mega-col {
    margin-bottom: 32px;
  }

  /* Bilder auf Mobile ausblenden */
  .b2bk-shop-mega-imglink,
  .b2bk-shop-mega-subimglink,
  .b2bk-shop-mega-img {
    display: none !important;
  }
}