/*
Theme Name: Sellabees child
Theme URL: https://sellabees.nl/
Description: Sellabees theme
Author: Sellabees
Author URL: https://sellabees.nl/
Template: Divi
Version: 3.0
Text Domain: Sellabees-child
*/ 

/* tekst 'jaartal + sitenaam'*/
#footer-info {
    color: white !important;
	font-family: 'Work Sans', Helvetica, Arial, Lucida, sans-serif;
}
/* tekst 'Sellabees, Bee successfull online | Privacybeleid | Algemene voorwaarden'*/
#footer-info a {
    color: white !important;
	font-family: 'Work Sans', Helvetica, Arial, Lucida, sans-serif;
}
/* inlog knop */
input#wp-submit {
    width: 100%;
	background-color: #0f4053;
}

/* Terug naar 'sitenaam' knop */
p#backtoblog {
    display: none;
}
/* achtergrond van de login pagina */
body.login {
	background-image: url("");
	background-color: #f2f2f2;
	background-position: center center;
}

/* login form */
#login form#loginform, #login form#registerform, #login form#lostpasswordform {
    padding: 26px 24px 46px 25px;
    border-radius: 10px;
    box-shadow: 0 1px 50px rgba(2,2,2,0.3);
}

/* ### menu ### */

/* --- Desktop: Screens 980px and up --- */
@media only screen and (min-width: 980px) {
  .et_pb_menu__wrap {
      display: flex;
      align-items: center;
      justify-content: flex-start;
  }

  .shoppingcart-menu-text {
      display: flex;
      align-items: center;
      margin-left: 0px;
  }
}

/* --- Mobile: Screens 980px --- */
@media only screen and (max-width: 980px) {
  .shoppingcart-menu-text {
      display: none;
  }
}

/* --- Tablet/Desktop: Screens between 981px - 1655px --- */
@media only screen and (min-width: 981px) and (max-width: 1655px) {
  a#meer-over-button {
      margin-left: 1px !important;
      margin-top: 2vh !important;
  }
  
  .et_pb_menu__wrap {
      display: flex !important;
      justify-content: flex-start !important;
      align-items: center !important;
      gap: 0 !important;
      flex-wrap: nowrap !important;
  }

  .et_pb_menu .et-menu li {
      margin: 0 !important;
      padding: 0 !important;
  }

  .et_pb_menu .et-menu li a {
      padding: 8px 2px !important;
      margin: 0 4px !important;
      font-size: 12px !important;
      line-height: normal !important;
  }

  .et_pb_menu__search-button {
      margin-left: 15px !important;
      font-size: 12px !important;
  }
  .et_pb_menu__logo-wrap {
      flex-shrink: 0 !important;
      margin-right: 5px !important;
  }
/* 
  .et_pb_menu__logo img {
      max-width: 90px !important;
      height: auto !important;
  } */
  
  li a::after {
      content: none !important;
  }
	
/* 	.et-db #et-boc .et-l .et_pb_row_1_tb_header.et_pb_row.menuItems  {
		padding-right:16.3vw !important;
		padding-left:16.3vw !important;
	} */
}

/* Wider screens */
@media (min-width: 1180px) {
	  .et-db #et-boc .et-l .et-menu-nav li.mega-menu > ul {
    left: -41% !important;
  }
}

@media (min-width: 2133px) {
  .et-db #et-boc .et-l .et-menu-nav li.mega-menu > ul {
    left: -52% !important;
  }
}

@media (min-width: 2400px) {
  .et-db #et-boc .et-l .et-menu-nav li.mega-menu > ul {
    left: -68% !important;
  }
}

@media (min-width: 2560px) {
  .et-db #et-boc .et-l .et-menu-nav li.mega-menu > ul {
    left: -78% !important;
  }
}

@media (min-width: 2880px) {
  .et-db #et-boc .et-l .et-menu-nav li.mega-menu > ul {
    left: -98% !important;
  }
}

@media (min-width: 3840px) {
  .et-db #et-boc .et-l .et-menu-nav li.mega-menu > ul {
    left: -152% !important;
  }
}

/* --- Advanced Desktop Styles: Screens 1180px + --- */
@media (min-width: 1180px) {
  .et_pb_menu ul li.mega-menu > ul > li > a:first-child {
    color: #000 !important;
    border-bottom: 1px solid #937956 !important;
    font-weight: bold !important;
    margin-bottom: 6px !important;
    padding-left: 0px !important;
  }

  .et_pb_menu ul li.mega-menu > ul > li.no_line > a:first-child {
    border-bottom: none !important;
  }

  li.mega-menu > ul {
    border-radius: 6px !important;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .1) !important;
    padding: 25px 25px !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 250px)) !important;
    gap: 15px !important;
    justify-content: start !important;
  }

  .et-menu-nav li.mega-menu.mega-menu-parent-2 > ul > li,
  .et-menu-nav li.mega-menu.mega-menu-parent-3 > ul > li {
    width: auto !important;
    padding-right: 55px !important;
  }

  .et_pb_menu li.mega-menu li li a {
    font-size: 14px;
    color: #000 !important;
    padding: 0px !important;
    font-weight: 300 !important;
  }
  
  header .et_pb_menu ul li.has-submenu > a {
    position: relative !important;
    padding-right: 20px !important;
  }
  
  header .et_pb_menu ul li.has-submenu::after {
    font-family: ETmodules !important;
    content: "3" !important;
    font-size: 16px !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-weight: 800 !important;
    pointer-events: none !important;
    color: inherit !important;
  }
  
  .et_pb_menu ul li.has-submenu > ul {
    display: none !important;
  }
  
  .et_pb_menu ul li.has-submenu:hover > ul {
    display: inline !important;
  }
  
  .et_pb_menu ul li.has-submenu:hover::after {
    top: 15px !important;
  }
  
  .et_pb_menu ul li.has-submenu:hover > ul > li {
    padding-left: 10px !important;
  }
  
  .mega-menu .sub-menu {
    width: 100vw !important;
  }
  
  .et_pb_menu ul li.mega-menu > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  
  .et_pb_menu ul li.mega-menu:hover > ul {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  
  .et_pb_menu ul li.mega-menu {
    position: relative;
  }
  
  .et_pb_menu ul li.mega-menu > ul > li {
    position: relative;
  }
  
  .et_pb_menu ul li.mega-menu > ul:hover {
    display: block;
    opacity: 1;
    visibility: visible;
  }
}

/* --- Desktop Styles: 980px - 1199px --- */
@media only screen and (min-width: 980px) and (max-width: 1180px) {
  .et_pb_menu__wrap {
      display: flex !important;
      justify-content: flex-end !important;
      align-items: center !important;
      gap: 0 !important;
      flex-wrap: nowrap !important;
  }

  .et_pb_menu .et-menu li {
      margin: 0 !important;
      padding: 0 !important;
  }

  .et_pb_menu .et-menu li a {
      padding: 8px 2px !important;
      margin: 0 4px !important;
      font-size: 12px !important;
      line-height: normal !important;
  }

  .et_pb_menu__search-button {
      margin-left: 15px !important;
      font-size: 12px !important;
  }
  .et_pb_menu__logo-wrap {
      flex-shrink: 0 !important;
      margin-right: 5px !important;
  }

/*   .et_pb_menu__logo img {
      max-width: 90px !important;
      height: auto !important;
  } */
  
  li a::after {
      content: none !important;
  }
}

/* --- Mobile Menu --- */
/* Ensure ETmodules font is properly loaded */
@font-face {
    font-family: 'ETmodules';
    font-display: block;
}

.et_mobile_menu .menu-item-has-children {
    position: relative !important;
}
.et_mobile_menu .menu-item-has-children .left-click-area,
.et_mobile_menu .menu-item-has-children .right-click-area {
    position: absolute !important;
    top: 0;
    z-index: 1;
}
.et_mobile_menu .menu-item-has-children .left-click-area {
    left: 0;
    width: 80% !important;
    height: 45px;
    cursor: pointer;
}
.et_mobile_menu .menu-item-has-children .right-click-area {
    right: 0;
    width: 20% !important;
    height: 45px !important;
    cursor: pointer;
    z-index: 0;
}
#mobile_menu2 > li > a {
    background-color: #fff !important;
}
@media (max-width: 980px) {
    #et_mobile_nav_menu .et_mobile_menu,
    .dvcs_scrollable_mobile_menu.et_pb_menu .et_mobile_menu,
    .dvcs_scrollable_mobile_menu.et_pb_fullwidth_menu .et_mobile_menu {
        overflow-y: scroll;
        padding-top: 0px;
    }
}
ul#mobile_menu2 {
    width: 100vw;
    height: 100vh;
    transform: translatex(-10%);
    overflow-y: scroll;
}
header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}
header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules' !important; /* Added !important */
    text-align: center;
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 16px;
    content: '\4c';
    top: 13px;
    right: 10px;
    display: block !important; /* Added to ensure visibility */
}
header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\4d';
}
header .et_mobile_menu ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}
header .et_mobile_menu .visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}

/* Custom knop onder producten */
.woocommerce ul.products li.product .button.add_to_cart_button,
a.button.custom-add-to-cart-reload.out-of-stock{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    background-color: #6D071A;
    color: #fff !important;
    padding: 10px;
    border: none;
    border-radius: 0px;
    font-size: 13px;
    font-family: 'Work Sans', Helvetica, Arial, Lucida, sans-serif;
    text-transform: uppercase;
}

.woocommerce ul.products li.product .button.add_to_cart_button i {
    margin-right: 5px;
}

.woocommerce ul.products li.product .button.add_to_cart_button::after,
a.button.custom-add-to-cart-reload.out-of-stock::after{
    display: none !important;
}

a.added_to_cart.wc-forward {
    color: #6D071A !important;
    font-family: 'Work Sans', Helvetica, Arial, Lucida, sans-serif;
}

p.price-excl-tax,
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link p.price-excl-tax-shop {
	color: #4b4b4b;
	font-family: 'Work Sans' !important;
}

/* Border producten */
.woocommerce ul.products li.product {
    border: 1px solid #E3E3E3;
    padding: 15px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
    border-radius: 0px;
	background-color: #E9E9E9;
}
    
.woocommerce ul.products li.product .button.add_to_cart_button {
    margin: 10px auto 0 auto;
    display: block;
    text-align: center;
}    

span.et_overlay {
    display: none;
}

/* Afreken pagina */

.wc-block-components-text-input.wc-block-components-address-form__email label,
div#shipping label,
div#billing label {
    margin-top: 0px !important;
}

fieldset#contact-fields .wc-block-components-checkbox__label {
    visibility: hidden;
    position: relative;
}

fieldset#contact-fields .wc-block-components-checkbox__label::after {
    content: "Account aanmaken";
    visibility: visible;
    position: absolute;
    left: 0;
}

.wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    font-family: 'Work Sans' !important;
}

a.wc-block-checkout__login-prompt,
button.wc-block-components-panel__button,
.wc-block-checkout__terms.wc-block-checkout__terms--with-separator.wp-block-woocommerce-checkout-terms-block span a {
	color: #6D071A !important;
}

.wc-block-components-totals-coupon__content form#wc-block-components-totals-coupon__form button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
    background-color: #6D071A;
    border-color: #6D071A;
    color: white !important;
    border-radius: 0px;
    text-transform: uppercase;
    font-family: 'Work Sans';
    font-size: 14px;
	padding-top:1.1vh;
	padding-bottom:1.1vh;
}

.wc-block-components-totals-coupon.wc-block-components-panel .wc-block-components-panel__button {
    color: #6D071A !important;
}

article#post-12044 .et_pb_text_0 h1 {
    font-size: 45px;
}

.page-afrekenen .wc-block-components-checkbox a {
    color: #6D071A !important;
}

/* Categorie pagina */

div#breadcrumbs-categorypage {
    margin-bottom: 0px !important;
}

.berocket_single_filter_widget.berocket_single_filter_widget_12087.bapf_wid_12413 h3.bapf_hascolarr,
.berocket_single_filter_widget.berocket_single_filter_widget_12088.bapf_wid_12413 h3.bapf_hascolarr{
    font-size: 16px !important;
    font-family: 'Work Sans';
    color: #4B4B4B;
}

/* Mobiele filter op kleinere schermen */
div#responsive_product_filter {
    display: block !important;
}

div#desktop-filtermenu {
    display: none !important; 
}

/* sectie header zoeken/algemeen */
@media (min-width: 2880px) {
	#main-content > div > div > div.et_pb_section.et_pb_section_0_tb_body.et_pb_with_background.et_section_regular > div {
		padding-top: 8vh !important;
	}
}

/* Desktop filter op grotere schermen */
@media (min-width: 1200px) {
    div#responsive_product_filter {
        display: none !important;
    }

    div#desktop-filtermenu {
        display: block !important; 
    }
}

/* styling filter toepassen knop */
.filter_toepassen_button .bapf_button {
    background-color: #6D071A; 
    color: #fff;
    font-size: 14px; 
    font-weight: 600; 
    text-transform: uppercase; 
    border: none; 
    cursor: pointer;
    width: 100%; 
    text-align: center; 
    padding: 10px; 
    box-sizing: border-box; 
}

div#bapf_3,
div#bapf_4{
    border-bottom: 1px solid #E9E9E9;
}

ul.page-numbers {
    float: right;
    background-color: #F2F2F2;
}

ul.page-numbers a.page-numbers {
    color: #8F8F8F !important;
	font-family: 'Roboto', sans-serif;
	padding-left: 13px !important;
    padding-right: 13px !important;
}

ul.page-numbers span.page-numbers.current {
    background-color: #4B4B4B !important;
    color: white !important;
	padding-left: 13px !important;
    padding-right: 13px !important;
}

div#category-page-products .woocommerce ul.products li.product,
div#search-page-products .woocommerce ul.products li.product {
    background-color: white;
    border: 0px;
}



p.woocommerce-result-count {
    font-family: 'Work Sans';
    color: #202020;
    font-size: 12px !important;
}

/* 1 product per rij op mobiel en tablet met volledige breedte */
@media screen and (max-width: 768px) {
    .products .product {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto;
    }

    a.woocommerce-LoopProduct-link.woocommerce-loop-product__link h2.woocommerce-loop-product__title,
    a.woocommerce-LoopProduct-link.woocommerce-loop-product__link p.price-excl-tax,
    a.woocommerce-LoopProduct-link.woocommerce-loop-product__link p.price-excl-tax-shop {
        justify-content: left;
        display: flex !important;
    }

    a.woocommerce-LoopProduct-link.woocommerce-loop-product__link span.price span.woocommerce-Price-amount.amount bdi {
        justify-content: left;
        display: flex !important;
        font-weight: bolder !important;
    }

    div#berocket-ajax-filters-sidebar > div:nth-child(2) > .bapf_sfilter,
    div#berocket-ajax-filters-sidebar > div:nth-child(3) > .bapf_sfilter{
        margin-bottom: 0px !important;
    }

    a#berocket-ajax-filters-sidebar-close::before {
        content: url(/wp-content/uploads/2024/12/close-3.svg);
    }

    .wc-block-components-totals-coupon.wc-block-components-panel .wc-block-components-panel__button {
        color: #666666 !important;
    }

    article#post-12044 .et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular {
        margin-top: 17vh !important;
    }
}

/* Product pagina */

table.woocommerce-product-attributes.shop_attributes th.woocommerce-product-attributes-item__label {
    transform: translateX(-15px) !important;
}

.et_pb_tab.clearfix.et-pb-moved-slide,
.et_pb_tab.clearfix.et-pb-active-slide {
    margin-left: 0px !important;
    padding-left: 0px !important;
}

a.added_to_cart.wc-forward {
    margin-left: 5px;
    margin-top: 8px;
}

section.up-sells.upsells.products h2 {
    display: none;
}

ul.et_pb_tabs_controls {
    background-color: white;
}

li.description_tab.et_pb_tab_active,
li.additional_information_tab.et_pb_tab_active{
    border-bottom: 4px solid #6D071A;
}

.et_pb_tabs_controls li {
	border-right: 0px !important;
}

li.additional_information_tab,
li.description_tab{
    border-bottom: 1px solid #DFDFDF;
}

.et_pb_all_tabs .et_pb_tab_content h2 {
    display: none;
}

h2.woocommerce-loop-product__title {
    display: block !important;
}

.dsm_breadcrumbs_ellipsis {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.breadcrumb-icon {
    font-size: 14px;
    color: #666;
    display: inline-block;
}

.breadcrumb-dots {
    font-size: 14px;
    color: #666;
}

span.dsm_home_text {
	color: #4B4B4B;
	font-family: 'Work Sans';
}

span.dsm_breadcrumbs_crumb.dsm_breadcrumbs_crumb_current {
	font-family: 'Work Sans';
	color: #6D071A;
}

div#extra-info ul.et_pb_tabs_controls.clearfix {
    display: flex;
}

div#toevoegen-winkelwagen form.cart {
    display: flex;
	flex-direction: column;
}

@media screen and (min-width: 768px) and (max-width: 980px) {
	    a#berocket-ajax-filters-sidebar-close::before {
        content: url(/wp-content/uploads/2024/12/close-3.svg);
    }
}

#post-12059 > div > div > div > div.et_pb_section.et_pb_section_1.et_section_regular > div.et_pb_row.et_pb_row_1 > div > div.et_pb_with_border.et_pb_module.et_pb_wc_cart_products.et_pb_wc_cart_products_0.woocommerce-cart.woocommerce.et_pb_woo_custom_button_icon.et_pb_row_layout_default > div > form > table > tbody > tr:nth-child(2) > td > button {
    color: #FFFFFF !important;
    border-color: #6D071A;
    border-radius: 0px;
    font-size: 14px;
    font-family: 'Work Sans', Helvetica, Arial, Lucida, sans-serif !important;
    padding-top: 1vh !important;
    padding-right: 1vw !important;
    padding-bottom: 1vh !important;
    padding-left: 1vw !important;
    background-color: #6D071A;
    border: 1px solid;
}

#post-12059 > div > div > div > div.et_pb_section.et_pb_section_1.et_section_regular > div.et_pb_row.et_pb_row_1 > div > div.et_pb_with_border.et_pb_module.et_pb_wc_cart_products.et_pb_wc_cart_products_0.woocommerce-cart.woocommerce.et_pb_woo_custom_button_icon.et_pb_row_layout_default > div > form > table > tbody > tr:nth-child(2) > td > button:hover {
    letter-spacing: 1px !important;
}

#post-12059 > div > div > div > div.et_pb_section.et_pb_section_1.et_section_regular > div.et_pb_row.et_pb_row_1 > div > div.et_pb_with_border.et_pb_module.et_pb_wc_cart_products.et_pb_wc_cart_products_0.woocommerce-cart.woocommerce.et_pb_woo_custom_button_icon.et_pb_row_layout_default > div > form > table > tbody > tr:nth-child(2) > td > div > button {
    color: #FFFFFF !important;
    border-color: #6D071A;
    border-radius: 0px;
    font-size: 14px;
    font-family: 'Work Sans', Helvetica, Arial, Lucida, sans-serif !important;
    padding-top: 1.1vh !important;
    padding-right: 1vw !important;
    padding-bottom: 1.1vh !important;
    padding-left: 1vw !important;
    background-color: #6D071A;
    border: 1px solid;
}

div#product-page-prijs {
    margin-bottom: 0px;
}

p.price-excl-tax {
    margin-bottom: 2vh;
    margin-top: 2vh !important;
}

.product_meta {
    border: 0px solid !important;
}

/* Mijn account pagina */

form.woocommerce-form.woocommerce-form-register.register p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide,
form.woocommerce-form.woocommerce-form-login.login p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide,
form.woocommerce-form.woocommerce-form-login.login p.form-row {
    padding: 0px !important;
}

article#post-275 h1.entry-title.main_title {
    font-family: 'Merriweather';
}

article#post-275 .woocommerce {
    margin-top: 10vh !important;
    margin-bottom: 4vh;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
	display: none;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard a,
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--orders a,
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address a,
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-account a,
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--customer-logout a,
nav.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content p a,
.woocommerce-MyAccount-content header.woocommerce-Address-title.title a.edit,
p.woocommerce-LostPassword.lost_password a {
    color: #6D071A !important;
}

nav.woocommerce-MyAccount-navigation ul,
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content header.woocommerce-Address-title.title a.edit,
.woocommerce-MyAccount-content address,
form.woocommerce-form.woocommerce-form-login.login label,
form.woocommerce-form.woocommerce-form-register.register label,
form.woocommerce-form.woocommerce-form-register.register p,
p.woocommerce-LostPassword.lost_password a {
    font-family: 'Work Sans' !important;
}

.woocommerce-MyAccount-content p {
    color: #4B4B4B;
}

span.select2.select2-container.select2-container--default {
    z-index: 1;
}

.woocommerce-MyAccount-content header.woocommerce-Address-title.title,
.woocommerce-MyAccount-content form h2,
div#customer_login h2 {
	font-family: 'Merriweather';
}

input#billing_first_name,
input#billing_last_name,
input#billing_company,
input#billing_address_1,
input#billing_address_2,
input#billing_postcode,
input#billing_city,
input#billing_phone,
input#billing_email,
input#shipping_first_name,
input#shipping_last_name,
input#shipping_company,
input#shipping_address_1,
input#shipping_address_2,
input#shipping_postcode,
input#shipping_city {
    background-color: #E9E9E9;
}

.woocommerce-address-fields button.button,
form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button {
    background-color: #6D071A;
    border-color: #6D071A;
    color: white;
    border-radius: 0px;
    text-transform: uppercase;
    font-family: 'Work Sans';
    font-size: 14px;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    float: right;
}

form.woocommerce-form.woocommerce-form-login.login button.woocommerce-button.button.woocommerce-form-login__submit,
form.woocommerce-form.woocommerce-form-register.register button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
    background-color: #6D071A;
    border-color: #6D071A;
    color: white;
    border-radius: 0px;
    text-transform: uppercase;
    font-family: 'Work Sans';
    font-size: 14px;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
}

form.woocommerce-form.woocommerce-form-login.login button.woocommerce-button.button.woocommerce-form-login__submit:hover,
form.woocommerce-form.woocommerce-form-register.register button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit:hover {
	background-color: #6D071A;
    border-color: #6D071A;
    color: white;
    border-radius: 0px;
    text-transform: uppercase;
    font-family: 'Work Sans';
    font-size: 14px;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
	letter-spacing: 1px;
}

.woocommerce-address-fields button.button:hover,
form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button:hover {
    background-color: #6D071A;
    border-color: #6D071A;
    color: white;
    border-radius: 0px;
    text-transform: uppercase;
    font-family: 'Work Sans';
    font-size: 14px;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 1vh;
    padding-bottom: 1vh;
    float: right;
	letter-spacing: 1px;
}

.woocommerce-address-fields button.button::after,
form.woocommerce-EditAccountForm.edit-account button.woocommerce-Button.button::after,
form.woocommerce-form.woocommerce-form-login.login button.woocommerce-button.button.woocommerce-form-login__submit::after,
form.woocommerce-form.woocommerce-form-register.register button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit::after,
.woocommerce-MyAccount-content .woocommerce-info a.woocommerce-Button.wc-forward.button::after,
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tr.woocommerce-orders-table__row.woocommerce-orders-table__row--status-completed.order a.woocommerce-button.button.view::after {
	display: none !important;
}


.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
	background-color: #6D071A !important;
    font-family: 'Work Sans' !important;
}

div.woocommerce-notices-wrapper > ul > li > a {
    color: #ffffff !important;
}

.woocommerce-MyAccount-content .woocommerce-info {
    background-color: #6D071A;
	font-family: 'Work Sans' !important;
}

.woocommerce-MyAccount-content .woocommerce-info a.woocommerce-Button.wc-forward.button {
    color: white;
    font-size: 14px;
	font-family: 'Work Sans' !important;
}

.woocommerce-MyAccount-content .woocommerce-info a.woocommerce-Button.wc-forward.button:hover {
	color: white;
    font-size: 14px;
	font-family: 'Work Sans' !important;
	letter-spacing: 1px;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tr.woocommerce-orders-table__row.woocommerce-orders-table__row--status-completed.order a.woocommerce-button.button.view:hover {
	background-color: #6D071A;
    border-color: #6D071A;
    color: white;
    border-radius: 0px;
    font-family: 'Work Sans';
    font-size: 14px;
	letter-spacing: 1px;
	padding-left: 2vw;
    padding-right: 2vw;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table tr.woocommerce-orders-table__row.woocommerce-orders-table__row--status-completed.order a.woocommerce-button.button.view {
	background-color: #6D071A;
    border-color: #6D071A;
    color: white;
    border-radius: 0px;
    font-family: 'Work Sans';
    font-size: 14px;
	padding-left: 2vw;
    padding-right: 2vw;
}

tr.woocommerce-orders-table__row.woocommerce-orders-table__row--status-completed.order th.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number a,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td.woocommerce-table__product-name.product-name a {
	color: #6D071A;
}

table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table span.nobr {
    font-family: 'Work Sans';
}

/* Responsive */
/* Meest gekozen producten even hoog en breedt */
.MostChosenProducts img {
	aspect-ratio: 10 / 10;
	object-fit: contain;
}
/* achtergrond, kleur en font size aanpassen pijltjes in meest gekozen producten slider */
.et_pb_module.et_pb_shop.et_pb_shop_0.mostchosenproducts.et_pb_shop_no_rating .slider-arrow,
section.up-sells.upsells.products .slider-arrow {
    background-color: transparent;
    color: #4B4B4B;
    font-size: 20px;
}
/* linker pijltje verplaatsen in meest gekozen producten slider */
.et_pb_module.et_pb_shop.et_pb_shop_0.mostchosenproducts.et_pb_shop_no_rating .slider-arrow-left,
section.up-sells.upsells.products .slider-arrow-left {
    left: -35px !important;
}
/* rechter pijltje verplaatsen in meest gekozen producten slider */
.et_pb_module.et_pb_shop.et_pb_shop_0.mostchosenproducts.et_pb_shop_no_rating .slider-arrow-right,
section.up-sells.upsells.products .slider-arrow-right {
    right: -35px !important;
}

@media screen and (max-width: 800px) and (min-width: 768px){
    .et_pb_module.et_pb_shop.et_pb_shop_0.mostchosenproducts.et_pb_shop_no_rating .slider-arrow,
    section.up-sells.upsells.products .slider-arrow {
        font-size: 30px !important;
    }
}

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    aspect-ratio: 10 / 10;
    object-fit: contain;
}

img.woocommerce-placeholder.wp-post-image {
    aspect-ratio: 10 / 10;
    object-fit: contain;
}

@media screen and (max-width: 1350px) and (min-width: 981px){
/* zorgt voor responsiveness voor de menu items */
/* 	header>div>div:first-child>.menuItems {
		padding-left: 10vw !important;
		padding-right: 11vw !important;
	} */
}

@media screen and (max-width: 1260px) and (min-width: 1200px) {
	/* openingstijden in footer kleiner	*/
	.openingstijden	> div > div {
		font-size: 14px !important;
	}
	/*	alle teksten in de footer kleiner */
	.footerteksen h5 {
		font-size:18px !important;
	}
}

@media screen and (max-width: 1200px) and (min-width: 981px) {
	/* Hoofdpagina titel kleiner voor liggende tablet*/
	.HomePageTitle h1 {
		font-size:40px !important;
	}
	/* titel van de andere pagina's kleiner voor liggende tablet*/
	.titlesPages h1 {
		font-size: 35px !important;
	}
	/* 	Vraag niet tussen kleiner voor liggende tablet */
	.vraagNietTussen {
		font-size:30px !important;
	}
	/* image Hoofdpagina om in het midden te zetten voor liggende tablet */
	.HomePageRow1 > div:nth-child(2) {
		padding-top: 5vh !important;
	}
	/* hoofdpagina derde rij texten kleiner voor tablet liggend */
	.HomePageRow3 >div:nth-child(2)>div>div, .HomePageRow3 	>div:nth-child(2)>div>div >h4 {
		font-size:25px !important;
	}
    .HomePageRow3 >div:nth-child(1)>div>div, .HomePageRow3 	>div:nth-child(1)>div>div >h4 {
		font-size:25px !important;
	}
	/* hoofdpagina vijfde rij texten kleiner voor tablet liggend */
	.HomePageRow5 > div:nth-child(2)>div>div {
		font-size:35px !important;
	}
	/* footer teksten p nog iets kleiner voor liggende tablet */
	.footerteksen p {
		font-size: 12px;
	}
	/* footer teksten h5 nog iets kleiner voor liggende tablet */
	.footerteksen h5 {
		font-size:16px !important;
	}
	/* openingstijden tekst nog iets kleiner voor liggende tablet */
	.openingstijden	> div > div {
		font-size: 12px !important;
	}
    /* Categorie naam kleiner voor liggende tablet */
    div#category-page-name .et_pb_text_inner {
    	font-size: 45px;
	}
	/* Woocommerce resultaat tekst kleiner voor liggende tablet */
	p.woocommerce-result-count{
		font-size: 10px !important;	
	}
	/* Woocommerce sorteer tekst kleiner voor liggende tablet */
	form.woocommerce-ordering select.orderby {
    	font-size: 10px !important;
	}
    /* Mobiel menu zichtbaar maken voor liggende tablet */
    body>#page-container>div>header>.et_builder_inner_content.et_pb_gutters3.product>div:nth-child(2) {
        display: block !important;
    }
    /* Desktop filter menu weg halen voor liggende tablet */
    div#desktop-filtertekst {
        display: none !important;
    }
	/* Desktop filter menu weg halen voor liggende tablet */
    div#desktop-filtermenu {
        display: none !important;
    }
    /* Kolom van het filter menu verkleinen voor liggende tablet */
    div#productcategorie-productfeed .et_pb_column.et_pb_column_1_3.et_pb_column_1_tb_body.et_pb_css_mix_blend_mode_passthrough {
        width: 19% !important;
    }
    /* Kolom van de product feed vergoten voor liggende tablet */
    div#productcategorie-productfeed .et_pb_column.et_pb_column_2_3.et_pb_column_2_tb_body.et_pb_css_mix_blend_mode_passthrough.et-last-child {
        width: 75% !important;
    }
    /* close tekst weghalen voor mobiel filter menu */
    #berocket-ajax-filters-sidebar-close {
        font-size: 0; /* Verbergt de oorspronkelijke tekst */
        position: relative; /* Nodig om het pseudo-element goed te positioneren */
      }
    /* Kruis toevoegen aan mobiel filter menu */
    #berocket-ajax-filters-sidebar-close::after {
        content: "✕"; /* Alleen het kruis weergeven */
        font-size: 30px; /* Stel de gewenste grootte in voor het kruis */
        color: inherit; /* Laat de kleur overnemen van het originele element */
        font-weight: bolder !important;
        color: black !important;
    }
    /* Filter tekst aanpassen voor mobiel filter menu */  
    div#berocket-ajax-filters-sidebar h2.wp-block-heading {
        font-family: 'Merriweather', Georgia, "Times New Roman", serif !important;
        color: #4B4B4B !important;
    }
    /* Menu items aanpassen voor mobiel filter menu */
    div#berocket-ajax-filters-sidebar div#bapf_3 h3.bapf_hascolarr,
    div#berocket-ajax-filters-sidebar div#bapf_4 h3.bapf_hascolarr {
        font-size: 14px !important;
        font-family: 'Work Sans', Helvetica, Arial, Lucida, sans-serif;
    }       
    /* Minder ruimte aan de onderkant van de filter items voor mobiel filter menu */
    #berocket-ajax-filters-sidebar>div {
        padding: 15px 15px 0 15px !important;
    }
    /* Meer ruimte tussen de tekst filter en de menu items */
    div#berocket-ajax-filters-sidebar .berocket-widget-content {
        margin-bottom: 3vh;
    }         
    /* Toon filters stylen voor mobiel filter menu */
    a.berocket_ajax_filters_sidebar_toggle.berocket_ajax_filters_toggle.icon-theme-2 {
        text-transform: uppercase;
        color: #4B4B4B !important;
        font-family: 'Work Sans', Helvetica, Arial, Lucida, sans-serif;
        font-size: 14px;
    }
    /* ruimte onder gerelateerde producten verminderen voor liggende tablet */
    footer.et-l.et-l--footer .et_builder_inner_content.et_pb_gutters3.product .et_pb_section.et_pb_section_0_tb_footer.et_pb_with_background.et_section_regular {
        margin-top: 0px !important;
    }
    /* ruimte onder product afbeelding verminderen voor liggende tablet */
    div#upsell-producten {
        padding-top: 0px !important;
    }
    /* product titel kleiner maken op product pagina voor liggende tablet */
    div#product-page-naam h1 {
        font-size: 30px !important;
    }
    /* product prijs kleiner maken op product pagina voor liggende tablet */
    div#product-page-prijs bdi {
        font-size: 25px;
    }
    /* gerelateerde producten tekst kleiner maken op product pagina voor liggende tablet */
    div#product-page-gerelateerdeproducten h2 {
        font-size: 30px !important;
    }
    /* winkelwagen tekst kleiner maken voor liggende tablet */
    article#post-12059 h1 {
        font-size: 30px !important;
    }
    /* afreken tekst kleiner maken voor liggende tablet */
    article#post-12044 h1 {
        font-size: 35px !important;
    }
    /* ruimte verminderen van het contactgegevens blok naar de header op de afreken pagina voor liggende tablet */
    .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
        padding-top: 0px;
    }
    /* besteloverzicht volledig in beeld brengen op de afreken pagina voor liggende tablet */
    .is-large .wc-block-checkout__sidebar {
        top: 15vh !important;
    }
    /* ruimte verminderen aan de bovenkant van het inlog scherm voor liggende tablet */
    article#post-275 .woocommerce {
        margin-top: 8vh !important;
    }
    /* ruimte grooter maken aan de bovenkant van het mijn account dashboard voor liggende tablet */
    article#post-275 {
        margin-top: 10vh;
    }
}

@media screen and (max-width: 1050px) and (min-width: 981px){
	/* breedte menu items groter voor liggende tablet */
	.menuItems>div:first-child {
		width: 79.625%;
	}
	/* breedte telefoonnummer in navbar kleiner voor liggende tablet*/
	.menuItems>div:nth-child(2) {
		width: 14%;
	}
}

/* Styling voor producten op schermen van 501px tot 800px */
@media only screen and (min-width: 501px) and (max-width: 981px) {
    /* Centraal uitlijnen van de productafbeeldingen */
    .upsells .products li .et_shop_image,
    .mostchosenproducts .woocommerce .products li .et_shop_image {
        display: flex; /* Flexbox gebruiken voor centrering */
        justify-content: center; /* Horizontaal centreren */
        align-items: center; /* Verticaal centreren */
    }

    /* Algemene productlijst styling */
    .upsells .products,
    .mostchosenproducts .woocommerce .products {
        display: flex; /* Flexbox gebruiken om producten horizontaal weer te geven */
        overflow-x: scroll; /* Horizontaal scrollen mogelijk maken */
        scroll-snap-type: x mandatory; /* Scroll-snapping inschakelen voor soepele stops */
        gap: 1rem; /* Ruimte tussen producten */
        width: 100%; /* Breedte van de container */
        position: relative; /* Nodig voor positionering van pijlen */
    }

    /* Styling voor individuele producten in de slider */
    #upsell-producten>div>div>.et_pb_wc_upsells>div> .upsells> .products> li,
    .MostChosenProducts > div .mostchosenproducts > .woocommerce > .products > li {
        flex: 0 0 calc(50% - 0.5rem); /* Elk product neemt 50% breedte minus ruimte (gap) */
        max-width: calc(50% - 0.5rem); /* Maximale breedte van elk product */
        scroll-snap-align: start; /* Producten beginnen aan de linkerkant bij snapping */
        display: flex; /* Flexbox voor verticale uitlijning */
        flex-direction: column; /* Kolomindeling voor titel, afbeelding en knop */
        justify-content: center; /* Verticaal centreren */
        align-items: center; /* Horizontaal centreren */
        text-align: center !important; /* Tekst in het midden uitlijnen */
        margin-right: 0px !important; /* Geen extra marge aan de rechterkant */
        transition: transform 0.3s ease-in-out; /* Animatie bij hover */
    }

    /* Aanpassing van de productafbeeldingen */
    .upsells .products li .et_shop_image img,
    .mostchosenproducts .woocommerce .products li .et_shop_image img {
        width: 90%; /* Afbeelding neemt 90% van de breedte in */
        height: 15vw;
        /* height: 250px !important; */
    }

    /* Styling voor de knop onder elk product */
    .upsells .products li .button,
    .mostchosenproducts .woocommerce .products li .button {
        margin-top: 10px; /* Ruimte boven de knop */
        width: 80%; /* Knopbreedte aanpassen */
        max-width: 250px; /* Maximale breedte voor de knop */
    }
}

/* Styling voor schermen van maximaal 500px */
@media only screen and (max-width: 500px) {
    /* Algemene styling voor producten in de slider */
    .upsells .products,
    .mostchosenproducts .woocommerce .products {
        display: flex; /* Horizontale weergave van producten */
        overflow-x: scroll; /* Horizontaal scrollen inschakelen */
        scroll-snap-type: x mandatory; /* Scroll-snapping voor gestroomlijnd gedrag */
        scroll-behavior: smooth; /* Soepel scrollen */
        gap: 1rem; /* Ruimte tussen producten */
        width: 100%; /* Breedte van de container */
        -webkit-overflow-scrolling: touch; /* Soepel scrollen op iOS */
    }

    /* Styling voor individuele producten */
    .upsells .products li,
    .mostchosenproducts .woocommerce .products li {
        flex: 0 0 100%; /* Elk product neemt de volledige breedte in */
        scroll-snap-align: center; /* Producten centreren bij snapping */
        display: flex; /* Flexbox gebruiken voor verticale uitlijning */
        flex-direction: column; /* Kolomindeling voor titel, afbeelding en knop */
        justify-content: center; /* Verticaal centreren */
        align-items: center; /* Horizontaal centreren */
        text-align: center !important; /* Tekst in het midden uitlijnen */
        transition: transform 0.3s ease-in-out; /* Animatie bij hover */
    }

    /* Styling van productafbeeldingen */
    .upsells .products li .et_shop_image img,
    .mostchosenproducts .woocommerce .products li .et_shop_image img {
        width: 80%; /* Afbeelding neemt 80% van de breedte in */
        height: auto; /* Behoud van de aspectratio */
    }

    /* Knop styling onder producten */
    .upsells .products li .button,
    .mostchosenproducts .woocommerce .products li .button {
        margin-top: 20px; /* Ruimte boven de knop */
        width: 75%; /* Knopbreedte aanpassen */
        max-width: 300px; /* Maximale breedte voor de knop */
    }
}

/* Styling voor sliderpijlen */
.slider-arrow {
    position: absolute; /* Absolute positionering binnen de slider */
    top: 50%; /* Verticale centrering van de pijlen */
    transform: translateY(-50%); /* Perfect verticaal gecentreerd */
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparante achtergrond */
    color: #fff; /* Witte kleur voor iconen */
    border: none; /* Geen rand */
    border-radius: 50%; /* Ronde pijlen */
    width: 40px; /* Breedte van de pijlknoppen */
    height: 40px; /* Hoogte van de pijlknoppen */
    display: flex; /* Flexbox gebruiken voor centrering van iconen */
    align-items: center; /* Verticaal centreren van het icoon */
    justify-content: center; /* Horizontaal centreren van het icoon */
    cursor: pointer; /* Cursor veranderen bij hover */
    z-index: 10; /* Zichtbaar boven andere elementen */
    font-size: 18px; /* Grootte van het icoon */
}

.slider-arrow-left {
    left: -20px; /* Pijl links positioneren */
}

.slider-arrow-right {
    right: -20px; /* Pijl rechts positioneren */
}

.slider-arrow:hover {
    background-color: rgba(0, 0, 0, 0.7); /* Donkerdere achtergrond bij hover */
}


/* Verberg het desktop-menu onder 1181px */
@media only screen and (min-width: 981px) and (max-width: 1180px)  {
    #desktop-menu {
        display: none !important; /* Desktop-menu verbergen */
    }
    #mobiel-menu {
        display: block !important; /* Mobiel menu tonen */
    }
    #menu-home-1 {
        display: none !important;
    }

    .mobile_menu_bar {
        display: block !important; /* Zorg dat het icoon zichtbaar is */
        width: 20px; /* Breedte van de hamburger */
        height: 2px; /* Hoogte van elke balk */
        background-color: #4B4B4B; /* Zwarte kleur */
        margin: 10px auto;
        position: relative;

    }

    .mobile_menu_bar::before,
    .mobile_menu_bar::after {
        content: "";
        display: block;
        width: 20px;
        height: 2px;
        background-color: #4B4B4B; /* Zelfde kleur als het icoon */
        position: absolute;
        left: 0;
        transition: all 0.3s ease;
    }

    .et-db #et-boc .et-l .mobile_menu_bar:before {
        content: "" !important;
    }

    .mobile_menu_bar::before {
        top: 5px !important; /* Bovenste balk */
    }

    .mobile_menu_bar::after {
        top: -5px;  /* Onderste balk */
    }

    .et_mobile_nav_menu {
        display: block !important;
        margin: 0px 11px;
    }

    .et_mobile_nav_menu li {
        list-style-type: none;
        text-align: start;
    }

    #mobile_menu3 {
        margin-top: 20px;
    }

    
}

@media only screen and (min-width: 756px) and (max-width: 1180px) {
    .et_builder_inner_content.et_pb_gutters3.product>div:first-child,
    article#post-12044 .et_pb_section.et_pb_section_0.et_pb_with_background.et_section_regular {
        margin-top: 7.5rem !important;
    }
}

/* Verberg het mobiele menu boven 1180px */
@media (min-width: 1181px) {
    #mobiel-menu {
        display: none !important; /* Mobiel menu verbergen */
    }
    #desktop-menu {
        display: block !important; /* Desktop-menu tonen */
    }
}

/* Vergroten van zoeken knop */
.et_pb_search_0_tb_header input.et_pb_searchsubmit {
    padding-left: 2vw;
    padding-right: 2vw;
}
/* Border onder de menu items in het filter menu op desktop */
div#bapf_6,
div#bapf_7 {
    border-bottom: 1px solid #E9E9E9;
}

.et-pb-contact-message p {
    font-family: 'Work Sans', Helvetica, Arial, Lucida, sans-serif !important;
    color: black !important;
}

/* Responsive maken voor 4k scherm */

@media screen and (min-width: 3840px) {
    div#desktop-menu .et_pb_row_0_tb_header,
    div#desktop-menu .et_pb_row_1_tb_header
     {
        max-width: 100% !important;
    }

    div#desktop-menu .et_pb_row.et_pb_row_0_tb_header.et_pb_row--with-menu.et_pb_row_1-4_1-2_1-4 {
        padding-left: 15vw !important;
        padding-right: 15vw !important;
    }

    div#desktop-menu .et_pb_row_1_tb_header.et_pb_row,
    div#desktop-menu .et_pb_row.et_pb_row_1_tb_header.menuItems.et_pb_row--with-menu.et_pb_row_3-4_1-4 {
        padding-left: 33.9vw !important;
        padding-right: 35vw !important;
    }
	
	#desktop-menu > div.et_pb_row.et_pb_row_0_tb_header.et_pb_row_1-4_1-2_1-4 {
		padding-left: 24vw !important;
    	padding-right: 25.1vw !important;
	}

    .et_pb_section_0.et_pb_section,
    .et_pb_section.et_pb_section_0_tb_body.et_pb_with_background.et_section_regular {
        margin-top: 8vh !important;
    }

    div#upsell-producten {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    div#product-data {
        padding-bottom: 0 !important;
    }

    div#breadcrumbs {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    div#toevoegen-winkelwagen form.cart button.single_add_to_cart_button.button.alt {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    a#contact-knop {
        padding-left: 3vw !important;
        padding-right: 3vw !important;
    }
}

@media screen and (min-width: 2880px) and (max-width: 3479px){
    div#desktop-menu .et_pb_row_0_tb_header,
    div#desktop-menu .et_pb_row_1_tb_header
     {
        max-width: 100% !important;
    }

    div#desktop-menu .et_pb_row.et_pb_row_0_tb_header.et_pb_row--with-menu.et_pb_row_1-4_1-2_1-4 {
        padding-left: 15vw !important;
        padding-right: 15vw !important;
    }

    div#desktop-menu .et_pb_row_1_tb_header.et_pb_row,
    div#desktop-menu .et_pb_row.et_pb_row_1_tb_header.menuItems.et_pb_row--with-menu.et_pb_row_3-4_1-4 {
        padding-left: 28.7vw !important;
        padding-right: 30.4vw !important;
    }
	
	#desktop-menu > div.et_pb_row.et_pb_row_0_tb_header.et_pb_row_1-4_1-2_1-4 {
		padding-left: 19vw !important;
		padding-right: 20.5vw !important;
	}

    .et_pb_section_0.et_pb_section,
    .et_pb_section.et_pb_section_0_tb_body.et_pb_with_background.et_section_regular {
        margin-top: 8vh !important;
    }

    div#upsell-producten {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    div#product-data {
        padding-bottom: 0 !important;
    }

    div#breadcrumbs {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    div#toevoegen-winkelwagen form.cart button.single_add_to_cart_button.button.alt {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    a#contact-knop {
        padding-left: 3vw !important;
        padding-right: 3vw !important;
    }
}

@media screen and (min-width: 2133px) and (max-width: 2399px){
    div#desktop-menu .et_pb_row_0_tb_header,
    div#desktop-menu .et_pb_row_1_tb_header
     {
        max-width: 100% !important;
    }

    div#desktop-menu .et_pb_row.et_pb_row_0_tb_header.et_pb_row--with-menu.et_pb_row_1-4_1-2_1-4 {
        padding-left: 15vw !important;
        padding-right: 15vw !important;
    }

    div#desktop-menu .et_pb_row_1_tb_header.et_pb_row,
    div#desktop-menu .et_pb_row.et_pb_row_1_tb_header.menuItems.et_pb_row--with-menu.et_pb_row_3-4_1-4 {
        padding-left: 21vw !important;
        padding-right: 23.4vw !important;
    }
	
	#desktop-menu > div.et_pb_row.et_pb_row_0_tb_header.et_pb_row_1-4_1-2_1-4 {
		padding-left: 11vw !important;
    	padding-right: 13.4vw !important;
	}

    .et_pb_section_0.et_pb_section,
    .et_pb_section.et_pb_section_0_tb_body.et_pb_with_background.et_section_regular {
        margin-top: 13vh !important;
    }

    div#upsell-producten {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    div#product-data {
        padding-bottom: 0 !important;
    }

    div#breadcrumbs {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    div#toevoegen-winkelwagen form.cart button.single_add_to_cart_button.button.alt {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    a#contact-knop {
        padding-left: 3vw !important;
        padding-right: 3vw !important;
    }
}

@media screen and (min-width: 1745px) and (max-width: 1919px){
/* 	div#desktop-menu .et_pb_row_1_tb_header.et_pb_row,
    div#desktop-menu .et_pb_row.et_pb_row_1_tb_header.menuItems.et_pb_row--with-menu.et_pb_row_3-4_1-4 {
        padding-left: 15vw !important;
        padding-right: 17.4vw !important;
    }
	
	#desktop-menu > div.et_pb_row.et_pb_row_0_tb_header.et_pb_row_1-4_1-2_1-4 {
    	padding-right: 2vw !important;
	} */
}

@media screen and (min-width: 2400px) and (max-width: 2559px){
    div#desktop-menu .et_pb_row_0_tb_header,
    div#desktop-menu .et_pb_row_1_tb_header
     {
        max-width: 100% !important;
    }

    div#desktop-menu .et_pb_row.et_pb_row_0_tb_header.et_pb_row--with-menu.et_pb_row_1-4_1-2_1-4 {
        padding-left: 15vw !important;
        padding-right: 15vw !important;
    }

    div#desktop-menu .et_pb_row_1_tb_header.et_pb_row,
    div#desktop-menu .et_pb_row.et_pb_row_1_tb_header.menuItems.et_pb_row--with-menu.et_pb_row_3-4_1-4 {
        padding-left: 24.4vw !important;
        padding-right: 25.4vw !important;
    }
	
	#desktop-menu > div.et_pb_row.et_pb_row_0_tb_header.et_pb_row_1-4_1-2_1-4 {
		padding-left: 14.4vw !important;
    	padding-right: 15.5vw !important;
	}

    .et_pb_section_0.et_pb_section,
    .et_pb_section.et_pb_section_0_tb_body.et_pb_with_background.et_section_regular {
        margin-top: 12vh !important;
    }

    div#upsell-producten {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    div#product-data {
        padding-bottom: 0 !important;
    }

    div#breadcrumbs {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    div#toevoegen-winkelwagen form.cart button.single_add_to_cart_button.button.alt {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    a#contact-knop {
        padding-left: 3vw !important;
        padding-right: 3vw !important;
    }
}

@media screen and (min-width: 2560px) and (max-width: 2879px){
    div#desktop-menu .et_pb_row_0_tb_header,
    div#desktop-menu .et_pb_row_1_tb_header
     {
        max-width: 100% !important;
    }

    div#desktop-menu .et_pb_row.et_pb_row_0_tb_header.et_pb_row--with-menu.et_pb_row_1-4_1-2_1-4 {
        padding-left: 15vw !important;
        padding-right: 15vw !important;
    }

    div#desktop-menu .et_pb_row_1_tb_header.et_pb_row,
    div#desktop-menu .et_pb_row.et_pb_row_1_tb_header.menuItems.et_pb_row--with-menu.et_pb_row_3-4_1-4 {
        padding-left: 26vw !important;
        padding-right: 27.4vw !important;
    }
	
	#desktop-menu > div.et_pb_row.et_pb_row_0_tb_header.et_pb_row_1-4_1-2_1-4 {
		padding-left: 16vw !important;
    	padding-right: 17.5vw !important;
	}

    .et_pb_section_0.et_pb_section,
    .et_pb_section.et_pb_section_0_tb_body.et_pb_with_background.et_section_regular {
        margin-top: 12vh !important;
    }

    div#upsell-producten {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    div#product-data {
        padding-bottom: 0 !important;
    }

    div#breadcrumbs {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    div#toevoegen-winkelwagen form.cart button.single_add_to_cart_button.button.alt {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    a#contact-knop {
        padding-left: 3vw !important;
        padding-right: 3vw !important;
    }
}

/* Custom cart pop-up */
.added-to-cart-popup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #6D071A;
    color: white;
    padding: 15px;
    border-radius: 5px;
    z-index: 9999;
    font-size: 16px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    font-family:  'Work Sans', sans-serif;
}

@media (max-width: 768px) {
    .added-to-cart-popup {
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        text-align: center;
        padding: 20px;
    }

    h2.woocommerce-loop-product__title {
        min-height: 0px !important;
    }

    .et-db #et-boc .et-l .et_pb_shop ul.products.columns-3 li.product {
        margin-bottom: 0px !important;
    }

    .wc-block-components-radio-control.wc-block-components-radio-control--highlight-checked.wc-block-components-radio-control--highlight-checked--first-selected span.description {
        transform: translate(-15px, 5px);
    }
}

.et_pb_menu__cart-button {
    position: relative;
}

/* Cart count badge styling - precise line-height centering */
.et_pb_menu__cart-button .cart-count {
	position: absolute;
	top: -5px;
	right: -10px;
	background-color: #6D071A;
	color: #4B4B4B;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	/* Best solution: flexbox */
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: bold;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	/* Reset any inherited styles */
	padding: 0;
	margin: 0;
	letter-spacing: 0;
	text-indent: 0;
}

.custom-cart-contents {
    position: relative;
    display: inline-block;
    text-decoration: none;
	color: #4b4b4b !important;
}

.custom-cart-contents .cart-count {
    position: absolute;
    top: -10px;
    right: -15px;
    background-color: #6D071A;
    color: #fff; 
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}


/* work sans filters */
.bapf_show_hide,
.bapf_body label {
    font-family: 'Work Sans', sans-serif !important;
}

/* work sans zoeken */
.et_pb_searchform, 
.et_pb_searchform input[type="text"], 
.et_pb_searchform input[type="submit"] {
    font-family: 'Work Sans', sans-serif !important;
}

.woocommerce .quantity.hidden {
    display: block; /* Make the hidden field visible */
}

/* disabled hoeveelheid in winkelmand */
.woocommerce .quantity input[disabled] {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    color: #888;
    pointer-events: none;
    opacity: 0.3;
}

/* submenu kleuren */
ul#menu-home.et-menu.nav li.menu-item.menu-item-has-children ul.sub-menu li.menu-item a,
ul#menu-home.et-menu.nav li.menu-item.menu-item-has-children ul.sub-menu li.menu-item ul.sub-menu li.menu-item a {
    color: #6D071A !important;
}

/* gutter & secties op homepagina */
div.et_pb_row.et_pb_row_2.HomePageRow3.et_pb_equal_columns.et_pb_gutters2 > div:first-of-type {
	margin-right: 1% !important;
}

div.et_pb_row.et_pb_row_2.HomePageRow3.et_pb_equal_columns.et_pb_gutters2 > div.et-last-child {
	width: 33.3333% !important;
}

div.et_pb_row.et_pb_row_4.HomePageRow5.et_pb_equal_columns.et_pb_gutters2 > div:first-of-type {
	margin-right: 1% !important;
}

div.et_pb_row.et_pb_row_4.HomePageRow5.et_pb_equal_columns.et_pb_gutters2 > div.et-last-child {
	width: 67.667% !important;
}

ul.sub-menu {
    border-color: #6D071A !important;
}

#menu-home > li.mega-menu.et_pb_menu_page_id-32.menu-item.menu-item-type-taxonomy.menu-item-object-product_cat.current-product_cat-ancestor.current-menu-ancestor.current-menu-parent.current-product_cat-parent.menu-item-has-children.menu-item-12238 > ul {
    padding-top: 10px !important;
}

@media (max-width: 501px) {
  .et-db #et-boc .et-l .et_pb_shop ul.products.columns-4 li.product.type-product {
    width: 100% !important;
  }
}

.woocommerce-MyAccount-content table th a {
    color: #6D071A !important;
}

.woocommerce-MyAccount-content table td a {
	color: #6D071A !important;
	border: 2px solid #6D071A !important;
}

/* prijsfilter, pagination, dropdown sorting en seo tekst de goede font geven */
.PrijsFilter :is(.bapf_from, .bapf_to) > span, .woocommerce-pagination .page-numbers > li > :is(a, span), .woocommerce-ordering select, #productcategorie-productfeed p {
	font-family:'Work Sans', sans-serif !important;
}

#productcategorie-productfeed p {
	font-weight:400;
}

.tm-extra-product-options .tm-epo-element-label {
	font-size: 20px;
	font-family:'Work Sans', sans-serif;
	font-weight:600;
}

.tm-extra-product-options .tc-chars {
	font-family:'Work Sans', sans-serif;
}

.search-results-info p {
	display:none;
}

.marginBottomSelectField {
	margin-bottom: 2vh !important;
}

.tc-extra-product-options .tmcp-field-wrap .price.tc-price .amount  {
	display:none !important;
}

.tm-custom-price-totals :is(.tm-options-totals, .tm-final-totals) {
	font-family:'Work Sans', sans-serif;
}

/* Voor li's met nested ul */
#desktop-filtermenu .bapf_body li:has(ul) {
    display: grid !important;
    grid-template-columns: auto auto auto 1fr !important;
    grid-template-rows: auto auto !important;
    margin-bottom: 4px !important;
    align-items: start !important;
}

/* Positioneer de elementen */
#desktop-filtermenu .bapf_body li:has(ul) > input[type="checkbox"] {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin-top: 2px !important;
}

#desktop-filtermenu .bapf_body li:has(ul) > label {
    grid-column: 2 !important;
    grid-row: 1 !important;
    line-height: 1.6 !important;
    word-wrap: break-word !important;
}

#desktop-filtermenu .bapf_body li:has(ul) > .fa-plus, #desktop-filtermenu .bapf_body li:has(ul) > .fa-minus {
    grid-column: 3 !important;
    grid-row: 1 !important;
    margin-left: 4px !important;
	display: flex;
    align-self: center;
}

/* Kolom 4 (1fr) blijft leeg en vult de overgebleven ruimte */

/* De nested ul gaat naar de tweede rij */
#desktop-filtermenu .bapf_body li:has(ul) > ul {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin-top: 4px !important;
}

/* Voor li's zonder nested ul */
#desktop-filtermenu .bapf_body li:not(:has(ul)) {
    display: flex !important;
    align-items: flex-start !important;
    margin-bottom: 4px !important;
}

#desktop-filtermenu .bapf_body li:not(:has(ul)) input[type="checkbox"] {
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}

#desktop-filtermenu .bapf_body li:not(:has(ul)) label {
    line-height: 1.6 !important;
    word-wrap: break-word !important;
}

.dsm_breadcrumbs_item_cat span {
	font-family: 'Work Sans', sans-serif;
	color: #6D071A !important;
}

.tm-extra-product-options .cpf-type-select ul.tmcp-ul-wrap.fullwidth-ul li.tmcp-field-wrap .tc-field-label-wrap {
	grid-template-columns: auto !important; 
}

.woocommerce-order-received {
	font-family: 'Work Sans' !important;
}

#mobiel-menu .et_pb_menu__wrap {
	flex-wrap:nowrap !important;
}

.woocommerce-checkout #main-content .container {
	padding-top:22vh !important;
}

.woocommerce-checkout .wc-block-checkout__sidebar {
	top:23vh !important;
}

.woocommerce-shipping-destination {
	display:none !important;
}

.sliderfooter .dsm_card_wrapper {
	padding-bottom:0px !important;
}

#menu-home {
	margin-left:0px !important;
}

#menu-home li:first-child {
	padding-left:0px !important;
}

.GiftOption {
	font-size: 14px;
}