/*
Theme Name: Beter tapijt
Theme URI: https://lefcreative.nl/
Author: Lef Creative
Author URI: https://lefcreative.nl/
Description: Thema voor beter tapijt 
Version: 1.0.0
License: /
License URI: /
Template: leflite
*/

i.icon.none {
 	display: none; 
}
.bg-quartenary {
 background-color: var(--quaternary); 
}

h3, h2 {
  font-weight: 700; /* bold */
}
h1 {
  font-weight: 600; /* bold */
}


.horizontal-list ul {
    display: flex;
    justify-content: space-between;
}
@media only screen and (max-width: 1200px) {
    .horizontal-list ul {
        flex-direction: column;
    }
}
.border-radius-bottom {
    border-radius: 0px 0px 12px 12px;
    overflow: hidden;
}
.red-icons ul li i{
    color: var(--primary);
}
.background-blok-green{
  color:white!important;
background-color: var(--primary)!important;
}

.border-white {
  border: 1px solid white;
  padding: 16px;
  flex: 0 0 auto; /* voorkomt dat ze krimpen */
}
.header-blok{ 
	padding: 15px;
}

.bread-text{ 
	color: var(--primary);
}

@media (min-width: 1360px) {
  .section-dynamic-img .image-outer{
    position: absolute;
    top: calc((-1 * var(--section-padding)) - 10px);
    height: calc(100% + (2 * var(--section-padding)) + 20px);
    left: 0;
    width: calc(100% + ((100vw - (var(--container-width) * 1px)) / 2));
  }
  .section-dynamic-img .image-holder {
    width: 100%;
    height: 100%
  }
  .section-dynamic-img .image-holder img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .section-dynamic-img .row {
      align-items: stretch;
  }
}

@media (max-width: 1360px) {
  /*.section-dynamic-img .image-outer{
    width: calc(100% + 120px);
  }*/
}
.extra-margin-right{
	padding-right:40px;
}
.whatsapp-button{
  background: #25D366!important;
}

.archive-filter .filter-list {
 background-color: var(--quaternary)!important;

}
#place_order {
background-color: var(--secondary)!important;
}
a.checkout-button.bg-primary.button.alt.wc-forward {
background-color: var(--secondary)!important;
}

.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-button {
  --menu-items-padding-horizontal: 2px;
}

.direct-to .direct-to-buttons .btn {
background-color: var(--tertiary)!important;
}
.navigation .navigation-inner>* {
padding-right:20px;
}

@media (max-width: 768px) {
    section.transparent-top-section-padding {
        --transparent-top-section-padding: 200px;
    }

    /* Verberg product-excerpt */
    .product-excerpt {
        display: none !important;
    }

    /* Maak producttitel kleiner */
    .woocommerce-loop-product__title {
        font-size: 16px!important;
    }

}
.card .image-outer .image-holder {
    padding-bottom: 100%;
}

.woocommerce-loop-product__title {
    font-size: 24px; /* pas grootte aan */
    font-weight: 600; /* maakt tekst dik (bold) */
}

.card .image-outer .image-holder {
  background: #ffffff!important; /* of gebruik gewoon 'white' */
}
.geen-padding {
  padding: 0; /* Standaard: mobiel geen padding */
}

@media (min-width: 768px) {
  .geen-padding {
    padding: 20px; /* Desktop: 20px padding */
  }
}
.m2-needed-wrapper {
	position: relative;
}
form.cart .m2-calculator {
	position: relative;
	max-width: 100%;
}
form.cart .m2-calculator label {
	font-size: var(--h4-size);
	font-weight: bold;
	color: var(--primary);
}
form.cart .m2-calculator input {
	padding: 14px 20px;
	border-radius: 3px;
	border: 1px solid #E5E7EB;
	width: 100%;
}
form.cart .m2-calculator span {
	font-weight: bold;
    position: absolute;
    top: 14px;
    right: 35px;
}
.cart-actions .m2-calculator, .cart-actions .package-size-info {
    display: none;
}
.m2-needed-wrapper{
width: 50%;
}
/* Sale badge style for all product listings except main single product */
body:not(.single-product) .product-on-sale,
.single-product .product-related-products .product-on-sale {
    margin-top: -49px;
    margin-left: -15px;
    position: relative;
    z-index: 9999;
}


@media (max-width: 992px) {
  #mobile-overflow-scroll .row {
   		flex-wrap: nowrap;
        overflow-x: scroll;
        margin-right: calc(-100vw / 2 + 100% / 2);
        justify-content: start; 
  }
  #mobile-overflow-scroll .row figure {
   width: 50vw; 
  }
}
.custom-stars {
 display: flex; 
}
.custom-stars * {
 font-size: 24px;
  color: var(--yellow);
}
.star-count {
  display: none;
}
.custom-stars-wrapper .custom-stars i {
    color: gold; /* or gold */
    font-size: 20px;
  margin-bottom:0px;
  
}
.custom-stars-wrapper h5 {
    margin-top: 5px;
    font-weight: bold;
	margin-bottom: 20px!important;
}
@media only screen and (max-width: 768px) {
  .mobile-menu-toggle-position {
    padding-left: 0px!important;
  }
  button.sub-menu-toggle::after {
   color: black!important; 
  }
  .featured-taxonomy .card {
    display: flex!important;
  	align-items: center;
    padding-left: 20px;
  }
  .card-taxonomy-term .image-outer {
   	width: 50px; 
  }
  .featured-taxonomy .card .child-terms {
    display: none;
  }
  .card-taxonomy-term.card .content-outer {
    flex: 1;
  }
}
.whatsapp-button{
background: #0b412a!important;   
 background-image: url(../../uploads/2025/08/BEtertapijt-wietze-klantenservice.png) !important;
    background-size: cover!important;
    background-position: center!important;
  height:100px!important;
  width:100px!important;
    z-index:100!important;
  
}
.icon-whatsapp{
  display:none
}
/* tekst achter de knop met achtergrond en afgeronde hoeken */
.whatsapp-text {
    position: absolute;
    right: 100px; /* afstand van de knop naar links */
    bottom: 0;    /* gelijk met de knop */
    background-color: white;
    color: black;
    padding: 8px 12px;
    border-radius: 12px;
    white-space: nowrap; /* tekst op één regel */
    box-shadow: 0 1px 6px rgba(0,0,0,0.2);
    z-index: 90; /* onder de knop */
    font-size: 16px;
    font-weight: 500;
 	margin-right:-16px;
}
.tns-outer .tns-controls.center {
  width: calc(100% + 144px);
}

.tns-outer .tns-controls.center button {
  width: 37px;
  height: 37px;
  background: var(--quaternary);
  color: var(--quaternary-content);
  border-radius: var(--card-border-radius);
}

.tns-outer .tns-controls.center button:hover {
  background: var(--quaternary-darkened);
}

.tns-outer .tns-controls.center button[data-controls="prev"] {
  margin-left: -85px;
}

.tns-outer .tns-controls.center button[data-controls="next"] {
  margin-right: -85px;
}
.Landing-page-logo-small{
width: 30%;
}

.fixed-product-bar.show{
display: none !important;
}
.main-nav-menu .cart-trigger i span.cart-items-count.count {
    background-color: var(--succes);
    color: var(--succes-content);
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    height: 19px;               /* vaste hoogte */
    line-height: 19px;          /* verticaal centreren */
    position: absolute;
    top: -13px;
    right: -13px;
    min-width: 19px;            /* minimaal 1 cijfer */
    padding: 0 12px;             /* horizontale ruimte */
    border-radius: 20;          /* cirkel of ovaal */
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;      /* padding telt mee */
    white-space: nowrap;         /* getal niet laten afbreken */
}
.card .image-outer .image-holder img {
    background-color: white!important;
}

/* Verberg Add to Cart knoppen */
.woocommerce a.button.add_to_cart_button,
.woocommerce button.single_add_to_cart_button {
    display: none !important;
}

/* Verberg winkelmandje icoon / mini-cart */
.widget_shopping_cart,
.site-header-cart {
    display: none !important;
}

/* Optioneel: verberg prijzen */
.woocommerce-Price-amount,
.price {
    display: none !important;
}