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

/* All Code of Customizer Starts Here */
div.woocommerce-product-details_short-description {
	display: none;
}
.woocommerce-product-details__short-description {
display:none !important;
}
@media (min-width: 769px) {
    .wd-product.product-list-item .product-list-content .wd-entities-title {
        font-size: 90%;
    }
}

h3.wd-entities-title {
	font-size: 90%
}
body, button, input, select, textarea {
    font-family: "Neo Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
/* Limit product title to 1 lines on single product page */

.wd-product.product-list-item .product-list-content .wd-entities-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Specifieke styling voor de pre-order korting boodschap */
.pre-order-discount-message {
    background-color: #FBEFEE;
    border: 1px solid #FBEFEE;
    padding: 10px 10px;
    margin-top: 20px;
    text-align: center;
    font-weight: bold;
    color: #ff6f6e;
	  font-size: 15px
}
/* Media query voor kleinere tekst als er vijf producten in een rij staan */
@media (min-width: 1200px) { /* Pas de waarde aan op basis van je thema-instellingen */
    .pre-order-label {
        font-size: 12px; /* Maak de tekst kleiner */
        padding: 5px;
    }
}
.product-categories .cat-item a[href*="alle-producten"],
.products .product-category a[href*="alle-producten"] {
    display: none;
}
@media (min-width: 1025px) {
    body {
        font-size: 16px;
    }
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 18px;
    }
}
@media (max-width: 768px) {
    body {
        font-size: 14px;
        line-height: 1.5em;
    }
    h1 {
        font-size: 26px;
    }
    h2 {
        font-size: 22px;
    }
    h3 {
        font-size: 18px;
    }
    h4 {
        font-size: 16px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    body {
        font-size: 15px;
    }
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 18px;
    }
}
/* Verberg de 'Soorten' categorie standaard */
.product-categories .cat-item a[href*="soorten"] {
    display: none;
}

/* Toon de 'Soorten' categorie alleen op de 'Soorten' categoriepagina */
body.term-soorten .product-categories .cat-item a[href*="soorten"] {
    display: block;
}
#qlwapp.qlwapp-rounded.qlwapp-bubble .qlwapp-toggle {
    border-radius: 50%;
    margin: 125px 350px;
}
/*whatsapp icon mobile code*/
@media (max-width: 600px) {
   .qlwapp__container.qlwapp__container--bottom-left, .qlwapp__container.qlwapp__container--bottom-right {
		 bottom:35px
	}
}
.webwinkelkeur-widget {
    display: none !important; /* Start hidden */
}
.webwinkelkeur-widget.loaded {
    display: block !important; /* Show when 'loaded' class is added */
}
.wd-copyrights {
    --wd-tags-mb: 10px;
    padding-block: 20px;
    border-top: 1px solid var(--brdcolor-gray-300);
    background-color: #FFE6BA;
    color: #333;
}
.yith-wcaf-registration-form input[type=submit], .yith-wcaf-registration-form a.button, .yith-wcaf-registration-form button {
	    padding: 25px;
    width: 100%;
    background-color: #ff6f6e;
    color: #fff;
    font-weight: bold;
}
.woocommerce-product-attributes-item {
    background-color: #ffffff; /* Witte achtergrond */
}

.woocommerce-product-attributes-item:nth-child(odd) {
    background-color: #f8f8f8; /* Lichte grijze achtergrond voor afwisselende rijen */
}

.woocommerce-product-attributes-item__label {
    font-weight: bold; /* Dikke tekst voor de labels */
    margin-right: 10px;
}

.woocommerce-product-attributes-item__value {
    color: #555555; /* Neutrale tekstkleur */
}

.shop_attributes tr {
    margin: 0;
    padding: 0; /* Geen extra ruimte tussen rijen */
}

.shop_attributes {
    border-collapse: collapse !important; /* Zorg dat de rijen goed aansluiten */
}

.shop_attributes td, 
.shop_attributes th {
    padding: 15px 10px !important; /* Voeg consistente padding toe */
    vertical-align: top !important; /* Zorg dat tekst goed uitgelijnd is */
}

.woocommerce-product-attributes-item:last-child {
    background-color: #ffffff; /* Witte achtergrond voor de laatste rij */
    border-bottom: none; /* Optioneel: geen extra rand */
}
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
/* @media screen and (min-width:1400px)
{
.main-page-wrapper {
	width:1600px;
	margin:auto;
}
} */

.archive-container .container:has(.entry-title.title){
    position: relative;
    transform: translate(0 , -50%);
}

@media(min-width: 1024px){
.archive-container .container:has(.entry-title.title){
    position: relative;
    transform: translate(0 , -90%);
    }
}



/* Code for message before purchase */
.pre-order-discount-message p {
	margin-bottom:0;
}
.pre-order-discount-message {
	margin-top:0 !important;
}
.blog-design-small-images.has-post-thumbnail .post-title {
    font-size: 16px;
    line-height: 1.4;
    text-align: left;
}


/* Code to change color of links in posts */
.elementor-widget-theme-post-content p a, .elementor-widget-theme-post-content p a mark {
    color: rgb(255, 111, 110);
}

.elementor-widget-wd_shop_archive_extra_description p a {
    color: rgb(255, 111, 110);
}

/* Chat box icon setting */
@media (max-width: 768px) {
	
.chaport-container .chaport-launcher .chaport-launcher-button .chaport-launcher-chat-icon {
	left:0.8em !important;
}

.chaport-container .chaport-launcher .chaport-launcher-button {
    width: 3.5em !important;
    height: 3.5em !important;
}

.chaport-container .chaport-launcher {
	   bottom: 50px !important;
}
	.chaport-launcher-chat-icon {
		width: 2.0em !important;
    height: 2.2em !important;
    top: 0.628571em !important;
}
/* Verberg de 'Tuinmeubelen Rotterdam' categorie standaard */
.product-categories .cat-item a[href*="tuinmeubelen-rotterdam"] {
    display: none;
}
		/* Verberg de 'tuinmeubelen-hardenberg' categorie standaard */
.product-categories .cat-item a[href*="tuinmeubelen-hardenberg"] {
    display: none;
}
	/* Verberg de 'tuinmeubelen-sliedrecht' categorie standaard */
.product-categories .cat-item a[href*="tuinmeubelen-sliedrecht"] {
    display: none;

}	/* Verberg de 'tuinmeubelen-breda' categorie standaard */
.product-categories .cat-item a[href*="tuinmeubelen-breda"] {
    display: none;
}
.wd-review-style-2 .review {
    display: flex !important;
    flex-direction: column !important;
    border-radius: var(--wd-brd-radius) !important;
    border: 1px solid var(--brdcolor-gray-300) !important;
    padding: 15px !important;
    background-color: #f8f8f8 !important;
}
	@media (min-width: 1024px) {
    .wd-review-style-2 .review {
        display: flex !important;
        flex-direction: column !important;
        border-radius: var(--wd-brd-radius) !important;
        border: 1px solid var(--brdcolor-gray-300) !important;
        padding: 15px !important;
        background-color: #f8f8f8 !important;
    }
}
.wd-review-style-2 .review {
    display: flex;
    flex-direction: column;
    border-radius: var(--wd-brd-radius);
    border: 1px solid var(--brdcolor-gray-300);
    padding: 15px;
    background-color: #f8f8f8;
}
.product-video-button.wd-gallery-btn.wd-action-btn.wd-style-icon-bg-text.wd-play-icon>a>span {
    min-width: 8em !important;
}
.wd-review-style-2 .review {
    display: flex;
    flex-direction: column;
    border-radius: var(--wd-brd-radius);
    border: 1px solid var(--brdcolor-gray-300);
    padding: 15px;
    background-color: #f8f8f8;
}
.product-video-button.wd-gallery-btn.wd-action-btn.wd-style-icon-bg-text.wd-play-icon>a>span {
    min-width: 8em !important;
}
.wd-action-btn.wd-style-icon-bg-text>a:before {
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    width: calc(var(--wd-action-icon-size)* 2.8);
    height: calc(var(--wd-action-icon-size)* 2.8);
    background: #f69646

;
}
.wd-action-btn>a {
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    color: #fffff7;
    cursor: pointer;
}
.wd-action-btn.wd-style-icon-bg-text>a {
    flex-wrap: nowrap;
    overflow: hidden;
    min-width: calc(var(--wd-action-icon-size)* 2.8);
    height: calc(var(--wd-action-icon-size)* 2.8);
    border-radius: calc(var(--wd-action-icon-size)* 2);
    background-color: #ff6f6e;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
}
.wd-action-btn>a {
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    color: #464343;
    cursor: pointer;
}
.woocommerce-loop-product__title {
    font-weight: bold; /* of bold */
}
#menu-item-22038 > a.woodmart-nav-link {
  background-color: #e60000;
  color: #ffffff !important;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 6px 12px; /* minder verticale en horizontale padding */
  font-size: 14px; /* optioneel iets kleinere tekst */
  line-height: 1.2; /* zorgt dat het niet te hoog wordt */
}

#menu-item-22038 > a.woodmart-nav-link:hover {
  background-color: #cc0000;
  color: #ffffff !important;
}
@media (max-width: 768px) {
  li#menu-item-22042 > a {
    background-color: #e60000 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    display: block !important;
    padding: 15px 15px !important;
    margin-top: 5px !important;
  }
}
@media (max-width: 430px) {
  .cky-btn-revisit-wrapper {
    position: fixed !important;
    bottom: 125px !important;
    left: auto !important;
    right: 23px !important;
    z-index: 9999 !important;
  }
}
@media (min-width: 769px) {
.cky-btn-revisit-wrapper {
  position: fixed !important;
  bottom: -73px !important;
  right: 55px !important;
  left: auto !important;
  z-index: 9999 !important;
  transform: none !important;
}
.intro-heading {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  display: block;
	color: #000
}
.filterknop-mobile {
  background-color: #FF6F6E;
  color: #fff !important;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: none;
  height: 48px;
  padding: 0 16px;
  text-decoration: none;
  box-shadow: none;
  line-height: 1;
  box-sizing: border-box;
  text-align: center;
}

/* Zorg dat binnenin alles ook goed gecentreerd staat */
.filterknop-mobile * {
  display: inline-flex;
  align-items: center;
  color: #fff !important;
  line-height: 1;
}

/* Icoon wat omhoog duwen */
.filterknop-mobile i,
.filterknop-mobile svg {
  font-size: 18px;
  margin-top: -1px;
}


/* === WooCommerce Sorteren Dropdown Styling === */
.woocommerce-ordering {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}

.woocommerce-ordering select.orderby {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  color: #474747;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  height: 48px;
  padding: 0 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: border-color 0.3s ease;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.5' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 10px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* Hover effect */
.woocommerce-ordering select.orderby:hover {
  border-color: #474747;
}

/* Dropdownopties zwart */
.woocommerce-ordering select,
.woocommerce-ordering option {
  color: #474747 !important;
}

/* === Container voor filter + sorteer === */
.filter-sorteer-container {
  display: flex;
  gap: 12px;
}

.filter-sorteer-container > * {
  flex: 1;
}

/* === Responsive === */
@media (max-width: 768px) {
  .filter-sorteer-container {
    flex-direction: row;
  }

  .filter-sorteer-container > * {
    flex: 1;
  }
}
.wd-action-btn.wd-style-icon-bg-text>a:before {
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    width: calc(var(--wd-action-icon-size)* 2.8);
    height: calc(var(--wd-action-icon-size)* 2.8);
    background: #FF6F6D;
}
.wd-action-btn>a {
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    color: #fffff7;
    cursor: pointer;
}
.wd-action-btn.wd-style-icon-bg-text>a {
    flex-wrap: nowrap;
    overflow: hidden;
    min-width: calc(var(--wd-action-icon-size)* 2.8);
    height: calc(var(--wd-action-icon-size)* 2.8);
    border-radius: calc(var(--wd-action-icon-size)* 2);
    background-color: #ff6f6e;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
}
.wd-action-btn>a {
    display: inline-flex
;
    align-items: center;
    justify-content: center;
    color: #464343;
    cursor: pointer;
}

 .product-video-button a {
    color: #fff !important;
}
.woocommerce-loop-product__title {
    font-weight: bold; /* of bold */
}
#menu-item-22038 > a.woodmart-nav-link {
  background-color: #e60000;
  color: #ffffff !important;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 6px 12px; /* minder verticale en horizontale padding */
  font-size: 14px; /* optioneel iets kleinere tekst */
  line-height: 1.2; /* zorgt dat het niet te hoog wordt */
}

#menu-item-22038 > a.woodmart-nav-link:hover {
  background-color: #cc0000;
  color: #ffffff !important;
}
@media (max-width: 768px) {
  li#menu-item-22042 > a {
    background-color: #e60000 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    display: block !important;
    padding: 15px 15px !important;
    margin-top: 5px !important;
  }
}
.intro-heading {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
  display: block;
	color: #000
}
.filterknop-mobile {
  background-color: #FF6F6E;
  color: #fff !important;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: none;
  height: 48px;
  padding: 0 16px;
  text-decoration: none;
  box-shadow: none;
  line-height: 1;
  box-sizing: border-box;
  text-align: center;
}

/* Zorg dat binnenin alles ook goed gecentreerd staat */
.filterknop-mobile * {
  display: inline-flex;
  align-items: center;
  color: #fff !important;
  line-height: 1;
}

/* Icoon wat omhoog duwen */
.filterknop-mobile i,
.filterknop-mobile svg {
  font-size: 18px;
  margin-top: -1px;
}


/* === WooCommerce Sorteren Dropdown Styling === */
.woocommerce-ordering {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1;
}

.woocommerce-ordering select.orderby {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  color: #474747;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  height: 48px;
  padding: 0 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: border-color 0.3s ease;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23999' stroke-width='1.5' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 10px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* Hover effect */
.woocommerce-ordering select.orderby:hover {
  border-color: #474747;
}

/* Dropdownopties zwart */
.woocommerce-ordering select,
.woocommerce-ordering option {
  color: #474747 !important;
}

/* === Container voor filter + sorteer === */
.filter-sorteer-container {
  display: flex;
  gap: 12px;
}

.filter-sorteer-container > * {
  flex: 1;
}

/* === Responsive === */
@media (max-width: 768px) {
  .filter-sorteer-container {
    flex-direction: row;
  }

  .filter-sorteer-container > * {
    flex: 1;
  }
}
.wd-sidebar-opener.wd-show-on-scroll {
  background-color: #FF6F6E !important;
}
.wd-action-btn.wd-style-icon-bg-text>a {
    flex-wrap: nowrap;
    overflow: hidden;
    min-width: calc(var(--wd-action-icon-size) * 2.8);
    height: calc(var(--wd-action-icon-size) * 2.8);
    border-radius: calc(var(--wd-action-icon-size) * 2);
    background-color: #ff6f6e;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
}
/* @media screen and (min-width: 1500px) {
  .elementor-container {
    max-width: 1320px !important;
  }
} */
@media screen and (min-width: 1200px) {
    .main-page-wrapper {
        width: 100% !important;
        margin: auto;
    }
}
@media screen and (min-width: 1700px) {
  .elementor-container {
    max-width: 85% !important;
  }
}
@media screen and (min-width: 1500px) and (max-width: 1699px) {
  .elementor-container {
    max-width: 85% !important;
    margin: 0 auto;
  }
}
.whb-header-bottom .wd-nav-main > li > a {
  font-size: 16px !important; /* Verander 16px naar wat je wilt, bv. 18px of 20px */
}
.bold-italic {
  font-weight: bold;
  font-style: italic;
	color: #000 !important;
}
li.bold-italic > a {
  font-weight: bold;
  font-style: italic;
  color: #000 !important;
	font-size: 15px !important;
}
.wd-nav-opener {
    display: none;
}
span.wd-filter-lable:hover,
span.wd-filter-lable.layer-term-lable {
  color: #000 !important;
}
.widget .wd-checkboxes-on li > a::before {
  content: "\f107";
  font-family: "woodmart-font" !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 1.4em !important;
  height: 1.4em !important;
  margin-inline-end: 8px !important;
  border: 1px solid #ccc !important; /* ← toegevoegde rand */
  background-color: #fff !important;
  color: transparent !important;
  transition: all .2s ease !important;
  font-size: 10px !important;
}


/* 2. Actieve checkbox (roze + wit icoon) */
.widget .wd-checkboxes-on li.wd-active > a::before {
  background-color: #f76c6c !important;
  color: #fff !important;
  border: none !important;
}

/* 3. Algemene stijl voor .product-categories .count */
.widget .product-categories .count {
  background-color: #f0f0f0 !important;
  border: none !important;
  border-radius: 35px !important;
  color: #000000 !important;
  font-size: 12px;
  padding-inline: 6px;
  min-width: 24px;
  height: 20px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* 4. Actieve .product-categories filterbadge */
.widget .product-categories li.wd-active .count {
  background-color: #f76c6c !important;
  color: #ffffff !important;
}

/* 5. Standaard .wd-filter-list badge */
.widget .wd-filter-list .count {
  background-color: #f0f0f0 !important;
  border-color: none !important;
  border-radius: 35px !important;
  color: #000000 !important;
  font-size: 12px;
  padding-inline: 6px;
  min-width: 24px;
  height: 20px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* 6. Actieve .wd-filter-list badge */
.widget .wd-filter-list li.wd-active .count {
  background-color: #f76c6c !important;
  color: #ffffff !important;
}

/* 7. Filterlink styling (.product-categories li a) */
.widget .product-categories li a {
  color: #000000 !important;
  text-decoration: none !important;
  padding-block: 8px;
  padding-inline-end: 5px;
  width: calc(100% - 40px);
  display: flex;
  align-items: baseline;
}
/* Prijsfilter-label (boven de knop 'Filter') */
.widget_price_filter [class*="price_slider_amount"] .price_label {
  order: 1;
  color: #000000 !important; /* Zwart */
  font-size: 16px;
  font-weight: 500;
}