/* Zoekbalk recepten zoeken binnen categorieen */

/* SIDK - Recepten zoekbalk */
.sidk-recepten-search-wrap {
  margin: 25px 0 35px;
  text-align: left;
}

.sidk-recepten-search {
  display: flex;
  gap: 12px;
  max-width: 650px;
  margin: 0;
}

.sidk-recepten-search input[type="search"] {
  flex: 1;
  width: 100%;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 18px !important;
  border: 1px solid #ddd;
  border-radius: 12px;
  font-size: 19px !important;
  box-sizing: border-box;

  /* Native zoekveld/kruisje behouden */
  -webkit-appearance: searchfield;
  appearance: auto;
}

.sidk-recepten-search input[type="search"]::placeholder {
  font-size: 19px;
}

.sidk-recepten-search input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
  cursor: pointer;
}

.sidk-recepten-search button {
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 28px;
  border: 0;
  border-radius: 999px;
  background: #2fd58c;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
}

.sidk-recepten-search button:hover {
  opacity: 0.9;
}

.sidk-recepten-search-meta {
  margin-top: 12px;
  font-size: 14px;
  text-align: left;
}

.sidk-recepten-search-reset {
  margin-left: 10px;
  text-decoration: underline;
}

/* Mobiel */
@media (max-width: 600px) {
  .sidk-recepten-search {
    flex-direction: column;
    gap: 14px;
  }

  .sidk-recepten-search input[type="search"] {
    height: 60px !important;
    min-height: 60px !important;
    font-size: 19px !important;
  }

  .sidk-recepten-search input[type="search"]::placeholder {
    font-size: 19px;
  }

  .sidk-recepten-search button {
    width: 100%;
    height: 60px !important;
    min-height: 60px !important;
    font-size: 18px;
  }

  .sidk-recepten-search-reset {
    display: inline-block;
    margin-left: 0;
    margin-top: 4px;
  }
}

/* CSS voor meta auteur en leestijd kennisbank artikelen */
.sidk-article-meta {
    margin: 0 0 24px;
    font-size: 14px;
    line-height: 1.5;
    color: #666;
}

.sidk-article-meta a.sidk-author-link {
    color: inherit;
    text-decoration: none;
    font-weight: 500;
}

.sidk-article-meta a.sidk-author-link:hover {
    text-decoration: underline;
}

@media (min-width: 1000px) {
  .sidk-article-meta {
    margin-top: 18px;
    opacity: 0.8;
  }
}

/* CSS voor shipping message text */
.xoo-wsc-footer-txt .sidk-shipping-message-text {
  margin-bottom: 8px;
}

.sidk-shipping-progress {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.sidk-shipping-progress-bar {
  flex: 1;
  background: #e0e0e0;
  border-radius: 999px;
  height: 6px;
  overflow: hidden;
}

.sidk-shipping-progress-fill {
  width: 0;
  height: 100%;
  background: #2dd993;
  border-radius: 999px;
  transition: width 0.4s ease;
}

.sidk-shipping-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e0e0e0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 14px;
  line-height: 1;
  transition: background 0.4s ease;
}

.sidk-shipping-icon.is-complete {
  background: #2dd993;
}

.xoo-wsc-footer-txt.sidk-shipping-complete {
  color: #000;
  font-weight: 400;
}

/* Toggle balk checkout */
#order_review .order-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  cursor: pointer;
  font-weight: 600;
  font-size: 20px;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 10px;
}

#order_review .order-toggle .toggle-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

#order_review .order-toggle .product-count {
  background: #333;
  color: #fff;
  border-radius: 50%;
  min-width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  flex-shrink: 0;
}

#order_review .order-toggle .chevron {
  width: 8px;
  height: 8px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

#order_review .order-toggle.open .chevron {
  transform: rotate(-135deg);
}

#order_review .order_review_heading {
  display: none;
}

/* Toggle balk checkout - Alleen product-container verbergen -- toggle en totalen blijven zichtbaar */
#order_review .product-container {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.3s ease;
}

#order_review .product-container.open {
  max-height: 2000px;
  opacity: 1;
}

/* Groene voeg toe knoppen side cart (anders wisselden ze in stijl steeds) */
.xoo-wsc-sp-atc a.button,
.xoo-wsc-sp-atc a.add_to_cart_button,
.xoo-wsc-container .xoo-wsc-sp-atc a.button,
.xoo-wsc-container .xoo-wsc-sp-atc a.add_to_cart_button {
    display: inline-block !important;
    background: #2dd993 !important;
    background-color: #2dd993 !important;
    color: #ffffff !important;
    border: 1px solid #2dd993 !important;
    border-radius: 4px !important;
    padding: 8px 14px !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    appearance: none !important;
}

.xoo-wsc-sp-atc a.button:hover,
.xoo-wsc-sp-atc a.add_to_cart_button:hover {
    background: #26c281 !important;
    border-color: #26c281 !important;
    color: #ffffff !important;
}

/* deze code is voor een extra 'nieuw' badge op producttegels icm php code */
/* Productkaart als referentie */
.woocommerce ul.products li.product {
    position: relative;
}

/* Alleen jouw NIEUW badge */
.woocommerce ul.products li.product .sidk-badge-new {
    position: absolute;
    top: 50px; /* onder de standaard WooCommerce badge */
    left: 22px;
    z-index: 9999;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    color: #fff;
    background: #ff8a3d;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* Hover fix */
.woocommerce ul.products li.product:hover .sidk-badge-new {
    top: 50px;
display: inline-flex;
    visibility: visible;
    opacity: 1;
}

@media (max-width: 768px) {

    .woocommerce ul.products li.product .sidk-badge-new {
    top: 46px;
		font-size: 13px;
		height: 28px;
    }

}

/* Padding product summary */
@media (max-width: 768px) {
  .woocommerce .single-product-summary {
    padding: 0 5px;
  }
}

/* verticaal centreren quantity buttons, producttitels en prijzen */
.woocommerce div.product form.cart .group_table td {
  vertical-align: middle;
}

/* Quantity-cel zelf ook symmetrisch */
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__quantity {
  padding-top: 12px;
  padding-bottom: 12px;
}

/* Knoppenblok zonder rare marges of float */
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__quantity .quantity {
  float: none;
  margin: 0;
}

/* Specificaties tabel producttabbladen: alleen lijnen tussen de rijen */
.sidk-product-tab-content table {
    width: 100%;
    border-collapse: collapse;
    border: none !important;
    font-family: inherit;
    font-size: 1.05em;
    line-height: 1.6;
    margin-top: 20px;
}

.sidk-product-tab-content table tr {
    border: none !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

.sidk-product-tab-content table tr:last-child {
    border-bottom: none !important;
}

.sidk-product-tab-content table td {
    border: none !important;
    padding: 18px 0 !important;
    vertical-align: top;
}

.sidk-product-tab-content table td:first-child {
    font-weight: 600;
    width: 42%;
    padding-right: 24px !important;
}

.sidk-product-tab-content table td {
    padding: 18px 0 18px 8px !important; /* links 8px ruimte */
}

/* Lettertype search bar */
body.ascend #search-outer #search #search-box input[type="text"] {
font-family: poppins;
}

/* Icoontjes socials CSS */

.footer-socials{
display:flex;
gap:24px;
}

.footer-socials img{
width:32px !important;
height:32px !important;
display:block;
}

.footer-socials a:hover img{
opacity:0.7;
}

/* Icomoon vervangen door woff2 */
@font-face {
  font-family: 'icomoon';
  src: url('/wp-content/themes/salient/css/fonts/icomoon.woff2') format('woff2'),
       url('/wp-content/themes/salient/css/fonts/icomoon.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* Verberg 'Categorie' label op category-archiefpagina's (Salient) */
.archive.category .section-title .subheader {
  display: none;
}

/* Recepten archief: minder witruimte in cards (Salient masonry classic enhanced) */
.archive.category .masonry.classic_enhanced .article-content-wrap{
  padding: 12px !important;   /* was ~17% (heel groot) */
}

/* Verwijder scheidingslijn onder titel op category-archief */
.archive.category .row .col.section-title{
  border-bottom: none !important;
padding-bottom: 10px !important;
}

/* Minder witruimte boven/onder op category-archief */
.archive.category .container-wrap{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* Verberg categorie-badge op recepten categorie-archieven */
.archive.category .masonry.classic_enhanced .meta-category {
  display: none !important;
}

/* Titel kleiner op recepten-overzichten */
.archive.category .masonry.classic_enhanced .article-content-wrap h3{
  font-size: 24px !important;     /* pas aan naar smaak */
  line-height: 1.15 !important;
  margin-bottom: 8px !important;
}

/* Producttegel – sterren + reviewcount (definitieve styling) */
.sidk-loop-rating{
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6px 0 2px;
  text-decoration: none;
}

/* Link mag er niet als link uitzien */
.sidk-loop-rating-link{
  color: inherit;
  text-decoration: none;
}

.sidk-loop-rating-link:hover,
.sidk-loop-rating-link:visited{
  color: inherit;
  text-decoration: none;
  opacity: 1;
}

/* WooCommerce sterren (Salient fix) */
.woocommerce ul.products li.product .sidk-loop-rating .star-rating{
  display: inline-block !important;
  float: none !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.woocommerce ul.products li.product .sidk-loop-rating .star-rating::before,
.woocommerce ul.products li.product .sidk-loop-rating .star-rating span::before{
  font-family: star !important;
}

/* Zet hover-lift uit voor tekst/prijs in producttegels */
.woocommerce ul.products li.product:hover .woocommerce-loop-product__title,
.woocommerce ul.products li.product:hover .price{
  transform: none !important;
}

  .woocommerce ul.products li.product .sidk-loop-rating{
    margin-bottom: 10px;
  }
  
/* Fix: 5e ster wordt afgekapt op producttegels (Salient/WooCommerce) */
.woocommerce ul.products li.product .star-rating{
  width: 7em !important;     /* iets ruimer dan standaard */
}

/* Korte intro boven de categorie productgrid */
.woocommerce .wc-category-intro{
  margin: 0px 0 15px;
  line-height: 1.7;
  font-size: 1.05rem;
}

/*** Haalt Extra informatie knop weg op productpaginas ***/
.additional_information_tab {
   display: none !important;
}

.woocommerce-notices-wrapper {
    display: none !important;
}

/* Normale flex container mobiele winkelmand */
.xoo-wsc-body {
    display: flex !important;
    flex-direction: column !important;
}

/* Snelle add-to-cart BOVENAAN mobiele winkelmand */
.xoo-wsc-sp-container {
    order: 1 !important;
    margin-bottom: 15px !important;
}

/* Producten ERONDER mobiele winkelmand*/
.xoo-wsc-products {
    order: 2 !important;
    margin-top: 0 !important;
}


/*** Dit past de ruimte aan onder H1 koppen ***/
@media only screen and (max-width :690px) {
    #page-header-bg h1, body.single.single-post .row .col.section-title.span_12 h1 {
        margin-bottom: 30px!important; }}

.single.single-post .heading-title[data-header-style=default] h1 {
margin-bottom: 20px!important;
}

/* Padding boven slider homepage */
.wpb_row:not(.full-width-content) .nectar-recent-posts-slider_multiple_visible {
padding-top: 0px;
}

/* Bolletjes onder slider weghalen */
.nectar-recent-posts-slider_multiple_visible .flickity-page-dots {
display: none;
}

/*** meer ruimte tussen opsommingen bij producten woo ***/
/* Alleen in de (blog/tekst) content */
.entry-content ul li,
.entry-content ol li {
  margin-bottom: 1rem;      /* maak groter/kleiner naar smaak */
}
.entry-content ul li:last-child,
.entry-content ol li:last-child {
  margin-bottom: 0;         /* geen extra ruimte onder de laatste */
}

/* Geneste lijst iets compacter houden */
.entry-content li li { 
  margin-bottom: 0.5rem; 
}

/*** grijze knop cadeaubon ***/
#pwgc-redeem-button {
  background-color: #223C51 !important;  /* grijze achtergrond */
  color: #ffffff !important;             /* donkere tekst */
  margin-top: 10px !important;           /* extra ruimte boven de knop */
}

/* Alleen op de cadeaubon-productpagina (ID 202920) */
.single-product.postid-202920 div.product form.cart .variations th.label,
.single-product.postid-202920 div.product form.cart .variations td.label,
.single-product.postid-202920 div.product form.cart .variations label {
  font-weight: 400 !important;   /* niet bold */
}

/* Cadeaubon product (ID 202920): labelkleur gelijk aan normale tekst */
.single-product.postid-202920 .fancy-select-wrap label,
.single-product.postid-202920 label.pwgc-label {
  color: inherit !important;   /* of zet hier je vaste tekstkleur, bv. #111 */
}

#pwgc-email-preview-button, #pwgc-email-design-id {
background-color: #505050 !important;  /* grijze achtergrond */
margin-top: 15px;
}

/* Jouw bestaande marge blijft werken */
.sidk-bundle-wrap { margin: 14px 0 6px; }

/* Match Salient/Woo knophoogte + afgeronde hoeken */
.single-product .sidk-bundle-wrap .sidk-bundle-link{
  display:inline-flex; align-items:center; justify-content:center;
  padding:14px 26px !important;          /* hoogte & ruimte */
  min-height:46px;
  line-height:1.2 !important;
  border-radius:9999px !important;       /* mooie pill */
  text-decoration:none;
}

/* 100% breed op mobiel, auto op desktop */
.single-product .sidk-bundle-wrap .sidk-bundle-link{ width:100%; }
@media (min-width:600px){
  .single-product .sidk-bundle-wrap .sidk-bundle-link{ width:auto; min-width:220px; }
}

/* Desktop: grotere tekst voor de bundelknop */
@media (min-width: 1024px){
  .single-product .sidk-bundle-wrap .sidk-bundle-link{
    font-size: 16px !important;     /* maak groter naar smaak: 17–20px */
  }
}

/* Categorie beschrijving zelfde breedte als de productgrid/inhoudskolom */
.woocommerce .wc-category-bottom-desc{
  background: #fff;
  padding: 24px 28px;
  border-radius: 5px;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  margin: 32px 0 0;   /* geen auto-centering meer */
  max-width: none;    /* <— beperkt niet langer de breedte */
  width: 100%;        /* vult de contentkolom volledig */
  line-height: 1.65;
  color: #1a1a1a;
}

/* Basis-stijl van de kruidenpakketknop */
.sidk-bundle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;      /* volg thema */
  font-size: 1rem;           /* zet evt. 1.1rem voor groter */
  font-weight: 700;
  line-height: 1;
  padding: 1.2rem 1.4rem;    /* knophoogte/breedte */
  border: 0;
  border-radius: 9999px;     /* pill-shape zoals op je screenshot */
  background: #2DD993;       /* achtergrond */
  color: #fff;
  cursor: pointer;
  transition: transform .06s ease, opacity .2s ease;
}

/* Hover/focus states kruidenpakketknop */
.sidk-bundle-btn:hover { opacity: .9; }
.sidk-bundle-btn:active { transform: translateY(1px); }

/* Thumbnail-kolom gegroepeerde producten */
.woocommerce table.group_table td.woocommerce-grouped-product-list-item__thumb {
  width: 60px;
}

.woocommerce table.group_table td.woocommerce-grouped-product-list-item__thumb .sidk-grouped-thumb-wrap {
  display: block;
  width: 60px;
  max-width: none;
}

.sidk-grouped-thumb {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 0;
}

.woocommerce table.group_table td.woocommerce-grouped-product-list-item__thumb {
  width: 70px;
  padding-left: 0;
  padding-right: 0;
}

.woocommerce div.product table.group_table .sidk-grouped-thumb {
  margin-bottom: 0;
}

/* Maakt slider van secondary header */
.usp-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 22px; /* pas aan aan jouw teksthoogte */
  display: flex;
  align-items: center;
  justify-content: center;
}

.usp-slider span {
  position: absolute;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(100%);
  transition: all 0.6s ease;
}

.usp-slider span.active {
  opacity: 1;
  transform: translateX(0);
}

.usp-slider span.exit {
  opacity: 0;
  transform: translateX(-100%);
}

/* Maakt knop groen bij hover add to cart in shop bij producten */
.woocommerce .material.product .product-wrap .product-add-to-cart a {
  background-color: #f9fefc !important; /* lichte groene achtergrond */
  border: 1px solid #2DD993 !important; /* groene rand */
  border-radius: 12px !important;
  transition: background-color .25s linear, color .25s linear, border-color .25s linear !important;
}

.woocommerce .material.product .product-wrap .product-add-to-cart a:hover {
  background-color: #2DD993 !important; /* vol groen bij hover */
  color: #fff !important; /* witte tekst */
  border-color: #2DD993 !important;
}

.woocommerce .material.product .product-wrap .product-add-to-cart a:hover span {
  color: #fff !important;
}

/* More rounded corners for product images */ .material.product .product-wrap a img { 
    border-radius: 5px 5px 0 0 !important; /* Rounded top corners */ }
/* More rounded corners for product blocks */ .material.product .product-wrap { 
    border-radius: 5px !important; /* Increased from default */ overflow: hidden; }
.material.product { border-radius: 5px !important; }


/* Verberg het standaard icoon (vierkant + kruis) in de OPEN state */
.wpc-filters-open-button-container
a.wpc-open-close-filters-button.wpc-opened
.wpc-icon-html-wrapper {
  display: none !important;
}

/* Plek maken voor je eigen icoon vóór de tekst */
.wpc-filters-open-button-container
a.wpc-open-close-filters-button.wpc-opened
.wpc-filters-button-text {
  position: relative;
  padding-left: 1.2em;
}

/* Unicode ⌃ (U+21C5) vóór de tekst in OPEN state */
.wpc-filters-open-button-container
a.wpc-open-close-filters-button.wpc-opened
.wpc-filters-button-text::before {
  content: "\21C5"; /* ⌃ */
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  line-height: 1;
}

/* Verander kleur 'jouw besparing' */
.xoo-wsc-ft-amt.xoo-wsc-less, .xoo-wsc-psavings, .xoo-wsc-psavings * {
color: #2DD993;
}

/* Verander tekstgrootte filter 'meer zien' */
.wpc-filters-main-wrap a.wpc-toggle-a {
font-size: 16px;
}

/* Van/voor weergave in winkelmand én afrekenen */
.woocommerce-cart .sidk-checkout-price,
.woocommerce-checkout .sidk-checkout-price {
  display: inline-block;
}

.sidk-price-was {
  opacity: 0.65;
  margin-right: 4px;
}

.sidk-price-now {
  color: #2DD993; /* groen */
  font-weight: 600;
  text-decoration: none;
}

/* Price: weg, alleen in de side cart */
.xoo-wsc-modal .xoo-wsc-pprice {
  font-size: 0 !important; /* verbergt de tekst "Price:" */
}

.xoo-wsc-modal .xoo-wsc-pprice .woocommerce-Price-amount {
  font-size: 16px !important; /* zet het bedrag terug naar z’n originele grootte */
}

/* Productpagina: VAN-prijs grijs i.p.v. groen */
.single-product .summary .price del,
.single-product .summary .price del .woocommerce-Price-amount.amount,
.single-product .summary .price del .amount {
  color: #666 !important;
}

/* knop IN WINKELMAND altijd zichtbaar */
/* --- Prijs altijd zichtbaar (jouw basis) --- */
.woocommerce .material.product .product-wrap .product-meta > .price,
.woocommerce .material.product .product-wrap > .product-info > .price,
.woocommerce .material.product .product-wrap > .price {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  margin-bottom: 6px !important;
  text-align: left !important;
}

/* Dubbele prijs verbergen in add-to-cart rij */
.woocommerce .material.product .product-wrap .product-add-to-cart .price {
  display: none !important;
}

/* --- Kaartlayout: knop altijd onderin --- */
.woocommerce ul.products li.product .product-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.woocommerce ul.products li.product .product-wrap .product-meta {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto; /* laat info blok meerekken */
}

/* Titel: afgestemd op font-size 16px / line-height 23px */
.woocommerce ul.products li.product .product-info h2.woocommerce-loop-product__title,
.woocommerce ul.products li.product .product-meta h2.woocommerce-loop-product__title {
  font-size: 16px;   /* ter zekerheid */
  line-height: 23px; /* exacte line-height */
  min-height: 46px;  /* altijd ruimte voor 2 regels */
  margin-bottom: 8px;
}

/* Prijs: vaste minimale hoogte (ook bij geen/van-voor) */
.woocommerce ul.products li.product .product-meta > .price,
.woocommerce ul.products li.product .product-info > .price,
.woocommerce ul.products li.product .price {
  min-height: 23px;           /* ruimte voor 1 regel prijs */
  margin-bottom: 6px !important;
}

/* Add-to-cart container naar de onderkant */
.woocommerce .material.product .product-wrap .product-add-to-cart {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  text-align: center !important;
  margin-top: auto !important;  /* <<< plakt onderaan */
}

/* Knoppen full width (ook variable/grouped) */
.woocommerce .material.product .product-wrap .product-add-to-cart a.add_to_cart_button,
.woocommerce .material.product .product-wrap .product-add-to-cart a.product_type_variable,
.woocommerce .material.product .product-wrap .product-add-to-cart a.product_type_grouped {
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
  float: none !important;
}

/* Knoplabel: font-size 12px met wat ademruimte */
.woocommerce .material.product .product-wrap .product-add-to-cart a > span {
  font-size: 12px;
  line-height: 16px !important; /* i.p.v. 12px → betere vertical spacing */
  display: inline-block;
}

/* 'bekijk winkelmand' link verbergen */
.woocommerce .material.product .product-wrap a.added_to_cart {
  display: none !important;
}

/* EINDE knop IN WINKELMAND altijd zichtbaar */

/* marge onder tabel cart minder groot, ivm tekst aanbevolen producten */
.woocommerce table.shop_table { 
    margin: 10!important;
}

.woocommerce table.cart td.actions, body .woocommerce table.cart td.actions {
padding-bottom: 0!important;
}

.nectar-shop-header .woocommerce-breadcrumb {
padding: 5px 0;
line-height: 10px;
margin-bottom: 5px;
}

/* Children standaard zichtbaar filtering */

.wpc-filters-main-wrap .wpc-filter-has-hierarchy ul.children {
  display: block !important;
}
.wpc-filters-main-wrap i.wpc-toggle-children-list {
  display: none !important;
}

/* Subcategorieën dichter op elkaar */
.wpc-filters-main-wrap .wpc-filter-has-hierarchy ul.children li.wpc-checkbox-item {
  margin-bottom: 0px;   /* afstand tussen child-items */
}

/* Inspringen subcategorieën filteren producten*/
.wpc-filters-main-wrap .wpc-filter-has-hierarchy ul.children {
  margin-left: 10px;
  padding-left: 10px;
}

/* In winkelmand knoppen dikkere tekst */
.woocommerce-page button[type=submit].single_add_to_cart_button,
body[data-form-submit=regular].woocommerce-page .container-wrap button[type=submit].single_add_to_cart_button {
    font-weight: 700 !important; /* vetgedrukt voor betere zichtbaarheid */
}

/* Verberg groene secondary header (desktop + mobiel) op winkelmand */
body.woocommerce-cart #header-secondary-outer,
body.woocommerce-cart #header-outer #header-secondary-outer,
body.woocommerce-cart #header-outer #mobile-menu .secondary-header-text {
  display: none !important;
}

/*** Dit voorkomt onnodige hoofdletters bij elk woord in de secondary header (groene balk website) ***/
#header-secondary-outer nav > ul > li > a, #header-secondary-outer .nectar-center-text, #header-secondary-outer .nectar-center-text a, body #header-secondary-outer nav > ul > li > a .sf-sub-indicator i, #header-secondary-outer #social li a i, #header-secondary-outer[data-lhe="animated_underline"] nav > .sf-menu > li:hover > a, #header-outer #mobile-menu .secondary-header-text p {
text-transform: none !important;
}

/*** Dit voorkomt onnodige hoofdletters bij elk woord in menu ***/
.sf-menu li a {
    text-transform: none !important;
}

/*** DIT FATSOENEERT DE WINKELMANDPAGINA QUA BORDERS EN ZICHTBAARHEID PRODUCTNAMEN ***/
@media (max-width: 768px) {
  .woocommerce-cart .product-name {
    display: block !important;
    font-weight: bold;
    margin-bottom: 10px;
  }

  .woocommerce-cart td.product-name {
    display: block !important;
  }

  .woocommerce-cart .cart_item {
    display: block;
    padding: 15px 0;
  }
  
  .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
border-top: none;
}
  
}

/*** Kleiner lettertype alleen op de shop pagina met 2 kolommen ***/
@media (max-width: 767px) {
  body.post-type-archive-product .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 12px !important;
    line-height: 18px !important;
  }

  body.post-type-archive-product .woocommerce ul.products li.product .price {
    font-size: 16px !important;
  }
}

/*** Opmaak van 'verder winkelen link op winkelmandpagina' ***/
.continue-shopping-link {
    font-size: 20px!important;
    color: #2DD993!important;
}

.continue-shopping-link:hover {
    color: #146f4a!important;
    transition: color 0.3s ease!important;
}

/* Sticky button winkelmand pagina - Alleen op mobiel (≤ 767px) */
@media screen and (max-width: 767px) {
  .sticky-checkout-button {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    text-align: center;
    padding: 20px 10px 0px;
    font-family: 'Poppins', sans-serif;
    z-index: 9999;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  }

  .sticky-checkout-button .checkout-btn {
    display: inline-block;
    background: #2DD993;
    color: #ffffff;
    text-decoration: none;
    font-size: 19px;
    font-weight: 600;
    padding: 12px 20px;
    border-radius: 30px;
    border: none;
    margin-bottom: 10px;
  }

  .sticky-checkout-button a {
    text-transform: none;
  }
}

/* Verberg op tablet en desktop */
@media screen and (min-width: 768px) {
  .sticky-checkout-button {
    display: none;
  }
}

/*** PRULLENBAKJE IPV KRUISJE WINKELMAND PAGINA + GEEN GROENE MOUSSE HOVER ***/
.woocommerce table.cart td.product-remove a.remove {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22rgb%28173%2C%20173%2C%20173%29%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M4%207l16%200%22%20%2F%3E%3Cpath%20d%3D%22M10%2011l0%206%22%20%2F%3E%3Cpath%20d%3D%22M14%2011l0%206%22%20%2F%3E%3Cpath%20d%3D%22M5%207l1%2012a2%202%200%200%200%202%202h8a2%202%200%200%200%202%20-2l1%20-12%22%20%2F%3E%3Cpath%20d%3D%22M9%207v-3a1%201%200%200%201%201%20-1h4a1%201%200%200%201%201%201%22%20%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-indent: -9999px; /* verbergt het kruisje */
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    transition: none !important;
}

.woocommerce table.cart td.product-remove a.remove:hover {
    background-color: transparent !important;
    box-shadow: none !important;
}

/*** NIET TONEN VAN DATUM EN CATEGORIE ***/
.blog-title #single-below-header > span {
    display: none !important;
}

.recent-post-container .grav-wrap, .recent-post-container .text, .recent-post-container .icon-button-arrow {
  display: none!important;
}

.single.single-post .section-title h1 {
    max-width: 1000px;
}

body #single-below-header * {
    font-size: 18px !important;
}

/*** Haalt lijn weg onder blogposts ***/

.single .heading-title {
  padding-bottom: 0px!important;
  border-bottom: 0px solid #ddd!important;
  margin-bottom: 0px!important;
}

/*** Marge onder de recepttitels web ***/
.row .col.section-title.blog-title, .row .col.section-title.project-title {
  margin-bottom: 0px !important;
}

/*** Marge onder de recepttitels mobiel ***/
@media only screen and (max-width: 1000px) {
.row .col.section-title.blog-title, .row .col.section-title.project-title {
  margin-bottom: -40px !important;
}}

#header-outer #social-in-menu i {
    font-size: 26px!important;
    line-height: 34px !important;
    height: 31px !important;
}
#slide-out-widget-area .off-canvas-social-links li i {
    font-size: 24px!important;
    line-height: 48px !important;
    height: 31px !important;
}

.nectar-button {
    font-family: Poppins,sans-serif !important;
    font-size: 18px !important;
}

#mobile-menu ul li a {
    border-bottom: 1px dotted #2DD993;
    color: rgba(255,255,255,0.6);
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #282828 !important;
    display: block;
    position: relative;
    padding: 16px 0 !important;
}

#mobile-menu {
    background-color: #EAFBF4;
}

#mobile-menu a:hover {
    color: #2DD993 !important;
}

#mobile-menu input[type="text"] {
    background-color: #EAFBF4 !important;
    color: #282828 !important;
    font-size: 16px !important;
}

.icon-angle-down {
    font-size: 22px !important;
}

#mobile-menu ul li a .sf-sub-indicator i {
    color: #282828 !important;
}

#footer-outer .sub-menu {
display: none!important;
}

body #footer-outer #footer-widgets a {
    color: #282828 !important;
}

#footer-outer #footer-widgets a:hover {
    color: #2DD993 !important;
}

.img-with-aniamtion-wrap .hover-wrap {
    margin-bottom: 0px !important;
}

.sub-menu li a {
    font-weight: 400 !important;
}

@media only screen and (max-width: 690px) {
    .recent-post-container h2 {
        font-size: 24px !important;
        line-height: 36px !important;
    }
}
@media only screen and (max-width: 690px) {
body #page-header-bg h1, html body .row .col.section-title h1, .nectar-box-roll .overlaid-content h1 {
    font-family: Poppins;
    font-size: 28px !important;
    line-height:42px !important;
    font-weight: 700 !important;
}
}
@media only screen and (max-width: 690px) {
    .recent-post-container h3 {
        font-size: 20px !important;
        line-height: 30px !important;
        font-weight: 700 !important;
    }
}

.wc-tabs-wrapper {
    padding-top: 30px !important;
}

.single_add_to_cart_button {
    margin-top: 16px !important;
}

.wc-proceed-to-checkout {
    font-family: Roboto !important;
    font-size: 16px !important;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: left !important;
    width: 100% !important;
    font-family: Roboto !important;
}

.woocommerce #order_review #payment #place_order {
    float: none;
    font-family: Roboto !important;
    font-size: 18px !important;
}

.woocommerce-page button[type="submit"] {
    font-family: Roboto !important;
    font-size: 16px !important;
}

body.ascend #header-outer .cart-menu {
    border-left: 0px;
    background-color: transparent !important;
}

.woocommerce-order-details__title{
    font-family: Roboto !important;
    font-size: 32px !important;
}
.woocommerce-column__title{
    font-family: Roboto !important;
    font-size: 32px !important;
}
.product-name {
    font-family: Roboto !important;
    font-size: 16px !important;
}

.woocommerce .cart .quantity input.qty {
    font-family: Roboto !important;
    font-size: 16px !important;
}

.woocommerce table.order-review .order-total td, .woocommerce table.order-review th {
    font-family: Roboto !important;
    font-size: 16px !important;
}
.woocommerce ul#shipping_method li label {
    font-size: 20px !important;
    color: #2DD993 !important;
}

table.shop_table th {
    font-family: Roboto !important;
    font-size: 16px !important;
}

.woocommerce .woocommerce-customer-details :last-child, .woocommerce .woocommerce-order-details :last-child, .woocommerce .woocommerce-order-downloads :last-child {
    font-family: Roboto !important;
    font-size: 16px !important;
}

.woocommerce-page .woocommerce p.return-to-shop a.button.wc-backward {
    font-family: Roboto !important;
    font-size: 16px !important;
}

.woocommerce .classic .product-add-to-cart .add_to_cart_button span, .woocommerce .classic .product-add-to-cart .nectar_quick_view span, .woocommerce .classic .product-add-to-cart .add_to_cart_button i, .woocommerce .classic .product-add-to-cart .nectar_quick_view i {
    font-size: 16px !important;
}

.woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table th, .woocommerce .cart-collaterals .cart_totals table td, .woocommerce-page .cart-collaterals .cart_totals table td {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 10px;
}

.woocommerce div.product_meta > span {
    display: none;
}

/* hierna komt CSS voor de reviews! */

/* Tabs: rustig grijs (passief) + bijna wit (actief) */
.woocommerce div.product .woocommerce-tabs[data-tab-style="in_sidebar"] ul.tabs li a{
  background-color: #F0F0F0 !important;  /* passief */
  color: #707070 !important;
}

/* Actieve tab */
.woocommerce div.product .woocommerce-tabs[data-tab-style="in_sidebar"] ul.tabs li.active a{
  background-color: #FAFAFA !important;  /* actief */
  color: #000000 !important;
}

/* Als Salient ook de LI zelf kleurt (tweede “laag”) */
.woocommerce div.product .woocommerce-tabs[data-tab-style="in_sidebar"] ul.tabs li{
  background-color: #F0F0F0 !important;
}

.woocommerce div.product .woocommerce-tabs[data-tab-style="in_sidebar"] ul.tabs li.active{
  background-color: #FAFAFA !important;
}

@media (max-width: 768px){
/* Product tabs: underline alleen onder actieve tab, niet volle breedte */
.woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li a {
    position: relative;
}

.woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li.active a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 7px;
    transform: translateX(-50%);
    width: 35%;
    height: 2px;
    background: #2dd993;
}
}

/* Mobiel: tabs onder elkaar */
@media (max-width: 768px){

  .woocommerce div.product .woocommerce-tabs ul.tabs,
  .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px;
    justify-content: flex-start !important;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li,
  .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li{
    flex: 0 0 100% !important;
    margin: 0 !important;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li a,
  .woocommerce-tabs.wc-tabs-wrapper ul.wc-tabs li a{
    display: block !important;
    width: 100% !important;
    text-align: center;
    padding: 12px 10px !important;
    white-space: normal !important;
  }
}


/* Reviews: geen ruimte reserveren voor avatar/foto */
.woocommerce #reviews #comments ol.commentlist li .comment_container{
  padding-left: 0 !important;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar{
  display: none !important;   /* als je geen avatars wilt */
}

.woocommerce #reviews #comments ol.commentlist li .comment-text{
  margin-left: 0 !important;  /* dit is de belangrijkste */
  padding-left: 8 !important;
}




/*** WOO BUTTONS ***/
.woocommerce a.button, 
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button {
	text-transform: none !important;
}

@media only screen and (max-width: 690px) {
.woocommerce .container .woocommerce-message a.button, .woocommerce .container .woocommerce-error a.button, .woocommerce .container .woocommerce-info a.button, .woocommerce-page .container .woocommerce-message a.button, .woocommerce-page .container .woocommerce-error a.button, .woocommerce-page .container .woocommerce-info a.button {
    display: none;
}
}

.woocommerce ul.order_details li {
    border-right: none !important;
    padding-top: 20px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #2DD993;
	font-size: 16px;
}

.woocommerce .summary .price, .woocommerce div.product .summary p.price .amount {
    color: #2DD993;
}

.wc-tabs-wrapper {
    padding-top: 0px !important;
}

.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale, .woocommerce span.onsale, .woocommerce-page span.onsale {
    width: auto !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery img.zoomImg {
    display: none !important;
}
@media only screen and (max-width: 690px) {
.single-product div.product h1.product_title {
    font-size: 26px !important;
    line-height: 40px !important;
    margin-bottom: 5% !important;
    }
}

.container-wrap input[type="number"] {
    background-color: transparent;
    border: 1px solid #ccc;
    box-shadow: none;
    -webkit-box-shadow: none;
    font-size: 16px;
    color: #505050;
    font-family: Roboto !important;
    -o-box-shadow: none;
    padding: 16px;
}

@media only screen and (min-width: 1000px) {
    .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells {
        width: 100%;
    }
    body .cross-sells ul.products[data-product-style="material"] li.product, body .cross-sells ul.products[data-product-style="material"] li.product.last {
        width: 24%;
        margin-right: 1%;
    }
}

/*** PLAY BUTTON OP MOBIELE SCHERMEN KLEINER ***/
@media only screen and (max-width: 1000px) {
body .nectar-video-box[data-hover="zoom_button"] .nectar_video_lightbox {
  width: 54px!important;
  height: 54px!important;
}
}

/*** VOORRAAD TELLER NIET ZICHTBAAR CONSUMENT ***/

.woocommerce div.product p.stock {
  display: none;
}
/*** KLEUR OUT OF STOCK BALK BUTTON NU ROOD EN DUIDELIJKER ***/
.single-product .entry-summary p.stock.out-of-stock, .nectar-quick-view-box p.stock.out-of-stock {
    background: #DE1738 !important;
    color: #eee !important;
}

/*** Titels in de winkelwagen wat kleiner qua pixels ***/
.woocommerce-cart .woocommerce table.shop_table .product-name a {
  font-size: 16px;
}

/*** Titels aanbevolen producten iets kleiner van 18 naar 16px ***/
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 16px;
}

/*** DEZE ZIJN ER VOOR DE TOP BAR OVER GRATIS VERZENDING ***/
body #header-secondary-outer .nectar-center-text {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  max-width: 80%;
}

#header-secondary-outer nav > ul > li > a, #header-secondary-outer .nectar-center-text, #header-secondary-outer .nectar-center-text a, body #header-secondary-outer nav > ul > li > a .sf-sub-indicator i, #header-secondary-outer #social li a i, #header-secondary-outer[data-lhe="animated_underline"] nav > .sf-menu > li:hover > a, #header-outer #mobile-menu .secondary-header-text p {
  color: #ffffff!important;
}

/*** KLEUR VAN SECONDARY HEADER BALK BOVENIN, KLEUR WAS 2DD993 ***/
#header-secondary-outer, #header-outer #header-secondary-outer, body #header-outer #mobile-menu .secondary-header-text {
  background-color: #252525!important;
}

@media only screen and (max-width: 999px) {
    body #header-secondary-outer .nectar-center-text {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  max-width: 90%;
}}

@media only screen and (max-width: 999px) {
body #header-secondary-outer {
padding: 1px !important;
}}

@media only screen and (max-width: 999px) {
#header-secondary-outer, 
#header-secondary-outer>.container, 
#header-secondary-outer>.container>nav {
  min-height:12px !important;
}}

/*** maakt 1e kolom smaller quantity buttons ***/
@media only screen and (max-width: 1000px) {
.woocommerce div.product form.cart .group_table td:first-child {
  min-width: 120px;
}}

/*** Meer ruimte onder producttitels ***/
@media only screen and (max-width: 999px) {
.single-product div.product h1.product_title, .nectar-shop-header .page-title {
  font-size: 32px;
  line-height: 48px;
  margin-bottom: 0%;
}}

/*** Haalt de loop weg bij productfoto's ***/
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
  display: none;
}

/*** Haalt de lijntjes weg uit de tabel postnl punt en prijs bij postnlpunt***/

.myparcel-delivery-options .myparcel-delivery-options__float--right {
  display: none;
}

body:not(.woocommerce-cart) .main-content table {
  border-top: 0px solid #ececec;
}

body:not(.woocommerce-cart) .main-content tr th:first-child, body:not(.woocommerce-cart) .main-content tr td:first-child {
  border-left-width: 0px;
}

.myparcel-delivery-options table.myparcel-delivery-options__table td, .myparcel-delivery-options table.myparcel-delivery-options__table tr {
  border: 0px;
}


.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: #2DD993 !important;
}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {

background: #2DD993 !important;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {

background: #2DD993 !important;

}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {

background: #2DD993 !important;

}

.woocommerce div.product form.cart .variations label {
  font-weight: bold !important;
}

.wpforms-form input[type=submit], 
.wpforms-form button[type=submit] {
    background-color: #2dd993 !important; /* Green background */
    border: 0px solid #2dd993 !important; /* No border */
    color: #ffffff !important; /* White text color */
    font-size: 0.8em !important; /* Size of text */
}

/*** Font color delivery options, was groen nu zwart***/

.myparcel-delivery-options table.myparcel-delivery-options__table td label>* {
    color: #252525;
    font-family: Roboto;
}

/*** Haalt winkelmandje bijwerken weg ***/
.woocommerce button[name="update_cart"], .woocommerce input[name="update_cart"] {
	display: none !important; 
}

/*** KLEUR VAN ACTIE GROEN EN DIK GEDRUKT PRIJS ***/
ins span.woocommerce-Price-amount.amount {
color: #2DD993;
font-weight: bold;
}

/*** Haalt gewicht tab weg bij producten ***/
.woocommerce table.shop_attributes, .woocommerce-page table.shop_attributes, body:not(.woocommerce-cart) .main-content table.shop_attributes {
    display: none;
}

/*** Meer afstand voor de bezorgopties PostNL pakket***/

body h3, .row .col h3, .toggle > h3.toggle-title a, .ascend #respond h3, .ascend h3#comments, .woocommerce ul.products li.product.text_on_hover h3, .masonry.classic_enhanced .masonry-blog-item h3.title, .woocommerce ul.products li.product.material h3, .woocommerce-page ul.products li.product.material h3, .portfolio-items[data-ps="8"] .col h3, .nectar-hor-list-item[data-font-family="h3"], .woocommerce ul.products li.product h2, .nectar-quick-view-box h1, .nectar-ext-menu-item .inherit-h3 .menu-title-text, #slide-out-widget-area .nectar-ext-menu-item .inherit-h3, #mobile-menu .nectar-ext-menu-item .inherit-h3, #ajax-content-wrap .nectar-inherit-h3, #header-outer .nectar-inherit-h3, [data-inherit-heading-family="h3"], .nectar-quick-view-box div.product h1.product_title.nectar-inherit-h3, .nectar-quick-view-box div.product .summary p.price.nectar-inherit-h3, body.woocommerce div.product p.price.nectar-inherit-h3 ins {
    margin-top: 20px;
}

/*** Fontsize groter 'verder winkelen' in berichtbalk cart ***/
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
float: right;
font-size: 16px !important;
}

/*** Kleiner lettertype shop pagina met 2 kolommen ***/

@media (max-width: 767px) {
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .woocommerce ul.products li.product .price {
    font-size: 16px !important;
  }
}

/*** Ruimte tussen titel en tekst kennisbank ***/
@media (max-width: 999px) {
  .single-kennisbank .row .col.section-title h1 {
    margin-bottom: 64px !important;
  }
}

/*** producttegels eerste rij hadden niet genoeg ruimte tussen titel en cta button ***/

.woocommerce ul.products li.product:nth-child(-n+4) .woocommerce-loop-product__title {
    margin-bottom: 30px !important;
}

/*** artikelen op afrekenpagina kleiner lettertype ***/

@media screen and (min-width: 768px) {
  .woocommerce-checkout-review-order-table .product-info h4 {
    font-size: 14px; /* Pas dit naar wens aan */
    line-height: 1.4;
    margin: 0;
  }
}

/* Alleen mobiel (kleiner dan 768px) */
@media screen and (max-width: 767px) {
  .woocommerce-checkout-review-order-table .product-info h4 {
    font-size: 15px;
    line-height: 1.3;
    margin: 0;
  }
}


/*** Winkelmand knop paginabreed op mobiele schermen en letters groter ***/
@media only screen and (max-width: 768px) {
    .woocommerce a.button, 
    .woocommerce button.button, 
    .woocommerce input.button, 
    .woocommerce-page a.button, 
    .woocommerce-page button.button, 
    .woocommerce-page input.button,
    .single_add_to_cart_button {
        width: 100% !important;
        font-size: 18px !important;
    }
}

/* ONDERSTAANDE CODE VOOR WINKELMAND KLEINERE WEERGAVE */
/* Mobiele cart: productnaam, hoeveelheid en subtotaal onder elkaar, links uitgelijnd */
@media (max-width: 767px) {
  /* Zorg dat elke cel en de hele rij wit is */
  .shop_table_responsive.cart tr.woocommerce-cart-form__cart-item,
  .shop_table_responsive.cart tr.woocommerce-cart-form__cart-item > td {
    background: #fff !important;
    text-align: match-parent !important; /* Zorg ervoor dat alles links uitgelijnd is */
  }

/* 3 kolommen: 100 px foto | info | icoon / prijs */
  .shop_table_responsive.cart tr.woocommerce-cart-form__cart-item {
    display: grid !important;
    grid-template-columns: 115px 1fr auto;
    grid-template-areas:
      "thumb name remove"
      "thumb quantity price"
      "thumb subtotal subtotal"; /* De subtotaal komt nu direct onder de prijs */
    gap: 4px 8px;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
    background: transparent; /* achtergrondkleur verwijderd */
  }

  /* Afbeelding links, groter, zonder padding */
  td.product-thumbnail {
    grid-area: thumb;
    margin: 0;
    width: max-content;
    height: max-content;
  }
  td.product-thumbnail img {
    padding: 0;
    background: transparent;
  }

  /* Maak een flex-container voor productnaam, hoeveelheid en subtotaal, uitgelijnd links */

  /* Verwijder-icoon rechtsboven in de rij */

  /* Rij 1: naam links, remove rechts (kleiner) */
  td.product-name {
    grid-area: name;
    grid-column-start: auto;
    display: block;
    align-items: start; /* Linkslijn de tekst */
    font-weight: 600;
    margin: 0;
    text-align: left !important; /* Zorg ervoor dat alles links uitgelijnd is */
    background: transparent;
  }

  td.product-remove {
    grid-area: remove; /* blijft rechtsboven in het grid */
    display: block !important;
    align-self: start;
    text-align: left;
    margin: 0;
  }

  td.product-remove a.remove {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    color: #8d8d8d; /* WooCommerce default tint */
  }

  /* Rij 2: aantal links, prijs rechts (kleiner) */
  td.product-quantity {
    grid-area: quantity;
    display: block !important;
    margin: 0;
    text-align: left !important; /* Zorg ervoor dat alles links uitgelijnd is */
  }

  td.product-price {
    grid-area: price;
    display: block !important;
    margin: 0;
    font-size: 13px;
    text-align: right;
  }

  /* Rij 3: subtotaal met label */
  td.product-subtotal {
    grid-area: subtotal;
    display: block !important;
    margin: 0;
    background: transparent;
    text-align: start !important; /* Subtotaaltekst links uitgelijnd */
  }

  td.product-subtotal::before {
    content: "Subtotaal ";
    font-weight: 600;
    margin-right: 4px;
    background: transparent;
    text-align: end !important; /* Subtotaaltekst links uitgelijnd */
  }

  /* Subtotaalprijs rechts uitgelijnd en onder de subtotaaltekst */
  td.product-subtotal .subtotal-price {
    text-align: end !important; /* Subtotaalprijs rechts uitgelijnd */
    margin-top: 10px; /* Voeg marge toe boven de subtotaalprijs */
  }

  /* Verberg standaard WooCommerce-labels, behalve bij subtotaal */
  .shop_table_responsive.cart td:not(.product-subtotal)::before {
    content: none !important;
  }

  /* 1. elke rij én cel altijd wit */
  .shop_table_responsive.cart tr.woocommerce-cart-form__cart-item,
  .shop_table_responsive.cart tr.woocommerce-cart-form__cart-item > td {
    background: #fff !important;
  }
  /* Lettertype klikbare productnamen */
   .woocommerce-cart .woocommerce table.shop_table .product-name a {
font-size: 14px !important;
}
}
/* BOVENSTAANDE CODE VOOR WINKELMAND KLEINERE ARTIKELEN */

/* Shop & categoriepagina's: minder ruimte onder Filters-knop kolom op mobiel */
@media (max-width: 690px) {
  body.woocommerce-shop #sidebar.col,
  body.tax-product_cat #sidebar.col {
    margin-bottom: 0px !important; /* was 25px */
  }

/* Shop & categorie: titel kleiner en compacter op mobiel */
/* specifieker dan `.nectar-shop-header .page-title` */
  body.woocommerce-shop .nectar-shop-header h1.page-title,
  body.tax-product_cat .nectar-shop-header h1.page-title {
    font-size: 32px !important;
    line-height: 40px !important;
  }
  /* minder ruimte in de wrap (alleen shop & categorie) */
  body.woocommerce-shop .container-wrap,
  body.tax-product_cat .container-wrap {
    padding-top: 12px !important;
    padding-bottom: 0px !important;
  }
  
 /* Shop & categorie: minder ruimte onder sorteerblok op mobiel */
  body.woocommerce-shop form.woocommerce-ordering,
  body.tax-product_cat form.woocommerce-ordering {
    margin-bottom: 0px !important; /* was vaak ~20px */
  }
}

@media screen and (max-width:768px) {
.wpc-open-close-filters-button {
margin-bottom: 10px !important;
}}

.woocommerce ul.products li.product.material .price, .woocommerce ul.products li.product.material .price ins, .woocommerce ul.products li.product.material .price ins .amount, .woocommerce ul.products li.product.material .price ins .woocommerce-Price-currencySymbol {
font-size: 14px;
}

/* Minder witruimte checkout boven 'Verzendgegevens' */
.woocommerce-checkout .container-wrap {
  padding-top: 10px !important; /* of 0px als je alles weg wilt */
}



/* Alleen mobiel aanbiedingen */
@media (max-width: 768px) {
  .woocommerce span.onsale {
    top: 10px !important;   /* zet de badge dichter tegen de bovenkant */
    transform: translateY(0) !important; /* reset als hij met transform naar beneden wordt gedrukt */
  }
}

@media (max-width: 768px) {
  .woocommerce ul.products li.product span.onsale {
    font-size: 13px !important;   /* maak de tekst groter */
    font-weight: 500 !important;  /* maak de tekst vet */
    padding: 5px 5px !important; /* optioneel: iets meer ruimte rond de tekst */
  }
}

/*** Code patrick tbv laadtijd site mbt header ***/
@media only screen and (max-width: 999px) { 
  body:not(.woocommerce-cart) #header-space { 
    min-height: 118px; 
  }
}

.hero-banner{
  display:block;
  margin-bottom: 30px !important;
}

/*** regelafstand menu items ***/

#slide-out-widget-area.slide-out-from-right .off-canvas-menu-container li {
margin-top: 14px;
margin-bottom: 14px;
}

/* Alleen in het OFF-CANVAS menu (niet in de bovenbalk) */
  /* Icoon wit */
  #slide-out-widget-area .xoo-wsc-sc-bki.xoo-wsc-icon-cart2,
  #slide-out-widget-area .xoo-wsc-cart-trigger i,
  #slide-out-widget-area .xoo-wsc-cart-trigger svg,
  #slide-out-widget-area .xoo-wsc-cart-trigger svg *{
    color:#fff !important;
    fill:#fff !important;
  }

.xoo-wsc-sc-cont .xoo-wsc-cart-trigger {
justify-content: flex-start;
}

/* Dunne lichtgrijze lijntjes tussen hoofdmenu-items in het slide-out menu */
#slide-out-widget-area .off-canvas-menu-container > ul > li {
  border-bottom: 1px solid #666666;
  padding-bottom: 14px;  /* zodat de lijn niet te dicht op de tekst zit */
  margin-bottom: 14px;   /* sluit aan op jouw spacing (was ~15px) */
}

/* Geen lijntje onder het laatste hoofdmenu-item */
#slide-out-widget-area .off-canvas-menu-container > ul > li:last-child {
  border-bottom: 0;
}

@media (max-width: 999px) {

  /* Voorkom dat de pagina opzij schuift bij openen off-canvas */
  body #ajax-content-wrap,
  body #boxed,
  body .container-wrap {
    transform: none !important;
    left: 0 !important;
    right: 0 !important;
  }

}

/* Off-canvas (Slide Out From Right) starten onder de secondary header */
@media (max-width: 999px) {

  #slide-out-widget-area.slide-out-from-right,
  #slide-out-widget-area-bg.slide-out-from-right {
    position: fixed !important;
    top: 68px !important;   /* hoogte secondary header */
    bottom: 0 !important;
    height: auto !important;
  }

}

@media (max-width: 999px) {
  #slide-out-widget-area.slide-out-from-right {
    border-top-left-radius: 5px !important;
  }
}

@media (max-width: 999px) {

  /* Standaard: alle menu links wit */
  #slide-out-widget-area .inner .off-canvas-menu-container li > a {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
  }

}

@media (max-width: 999px){

  /* Menu onder secondary header (jouw offset) */
  #slide-out-widget-area.slide-out-from-right,
  #slide-out-widget-area-bg.slide-out-from-right{
    position: fixed !important;
    top: 68px !important;
    bottom: 0 !important;
    height: auto !important;
  }

  /* Push-effect van Salient volledig uitschakelen */
  #header-outer,
  #header-secondary-outer,
  #ajax-content-wrap,
  #footer-outer,
  .container-wrap,
  #header-space{
    transform: none !important;
  }

  html, body{
    overflow-x: hidden !important;
  }

}



  /* CSS voor Webwinkelkeur widget */
/* =========================
   WIDGET
========================= */

.skdk-wwk-widget{
  max-width: 620px;
  margin: 0 auto;
  font-family: inherit;
}

.skdk-wwk-slider-wrap{
  position: relative;
  overflow: visible;
}

.skdk-wwk-slider{
  position: relative;
  min-height: 320px;
  overflow: hidden;
}

.skdk-wwk-card{
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s ease;
  background: #ffffff;
  border: 1px solid #b9b9b9;
  border-radius: 22px;
  padding: 22px 34px 24px;
  box-sizing: border-box;
  min-height: 320px;
  box-shadow: 0 4px 14px rgba(0,0,0,.03);
}

.skdk-wwk-card.is-active{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 2;
}

/* =========================
   CONTENT
========================= */

.skdk-wwk-name{
  font-size: 20px;
  font-weight: 600;
  color: #2f2f2f;
  line-height: 1.2;
  margin-bottom: 8px;
  letter-spacing: -0.02em;
}

.skdk-wwk-meta{
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}

.skdk-wwk-stars{
  color: #f5b301;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 1;
  white-space: nowrap;
}

.skdk-wwk-date{
  color: #9a9a9a;
  font-size: 16px;
  line-height: 1.2;
}

.skdk-wwk-text{
  font-size: 18px;
  line-height: 1.5;
  color: #333;
}

/* =========================
   NAV
========================= */

.skdk-wwk-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid #b9b9b9;
  background: #f7f7f7;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
  padding: 0;
  box-shadow: 0 3px 10px rgba(0,0,0,.05);
  transition: box-shadow .2s ease, background .2s ease, transform .2s ease;
}

.skdk-wwk-nav:hover{
  background: #fff;
  box-shadow: 0 6px 14px rgba(0,0,0,.08);
}

.skdk-wwk-nav:active{
  transform: translateY(-50%) scale(.96);
}

.skdk-wwk-nav span{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 24px;
  line-height: 1;
  color: #2d2d2d;
  margin: 0;
  padding: 0;
  transform: translateY(-1px);
}

.skdk-wwk-prev{
  left: -12px;
}

.skdk-wwk-next{
  right: -12px;
}

/* =========================
   FOOTER
========================= */

.skdk-wwk-footer{
  text-align: center;
  padding-top: 14px;
  cursor: pointer;
  position: relative;
  z-index: 6;
}

.skdk-wwk-footer-row{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
  min-height: 24px;
}

.skdk-wwk-rating-inline{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  line-height: 1;
}

.skdk-wwk-widget img.skdk-wwk-brand-logo,
.skdk-wwk-footer-row .skdk-wwk-brand-logo,
.skdk-wwk-brand-logo{
  display: block !important;
  height: 30px !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  flex: 0 0 auto;
  align-self: center;
  vertical-align: middle;
}

.skdk-wwk-stars-summary{
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}

.skdk-wwk-score{
  font-size: 14px;
  font-weight: 600;
  color: #2f2f2f;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}

.skdk-wwk-count{
  font-size: 14px;
  line-height: 1.35;
  color: #2f2f2f;
}

.skdk-wwk-count strong{
  font-weight: 700;
}

/* =========================
   MODAL
========================= */

.skdk-wwk-modal[hidden]{
  display: none;
}

.skdk-wwk-modal{
  position: fixed;
  inset: 0;
  z-index: 999999;
}

.skdk-wwk-modal-overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.6);
}

.skdk-wwk-modal-dialog{
  position: relative;
  width: min(1100px, calc(100vw - 32px));
  margin: 150px auto 40px;
  height: calc(100% - 220px);
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.skdk-wwk-modal-iframe{
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.skdk-wwk-modal-close{
  position: absolute;
  top: 30px;
  right: 14px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: none;
  background: rgba(0,0,0,.7);
  color: #fff;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.skdk-wwk-modal-close span{
  font-size: 22px;
  line-height: 1;
}

body.skdk-wwk-modal-open{
  overflow: hidden;
}

/* =========================
   MOBILE
========================= */

@media (max-width: 767px){
  .skdk-wwk-widget{
    max-width: 100%;
  }

  .skdk-wwk-slider{
    min-height: 280px;
  }

  .skdk-wwk-card{
    min-height: 280px;
    padding: 18px 40px;
    border-radius: 20px;
  }

  .skdk-wwk-name{
    font-size: 20px;
  }

  .skdk-wwk-text{
    font-size: 20px;
    line-height: 1.5;
  }

  .skdk-wwk-nav{
    width: 36px;
    height: 36px;
  }

  .skdk-wwk-nav span{
    font-size: 22px;
  }

  .skdk-wwk-prev{
    left: -10px;
  }

  .skdk-wwk-next{
    right: -10px;
  }

  .skdk-wwk-widget img.skdk-wwk-brand-logo,
  .skdk-wwk-footer-row .skdk-wwk-brand-logo,
  .skdk-wwk-brand-logo{
    height: 40px !important;
  }

  .skdk-wwk-stars-summary{
    font-size: 20px;
  }

  .skdk-wwk-score{
    font-size: 20px;
  }

  .skdk-wwk-count{
    font-size: 20px;
  }

  .skdk-wwk-modal-dialog{
    margin: 120px auto 10px;
    height: calc(100% - 130px);
    width: calc(100vw - 16px);
    border-radius: 12px;
  }
}

/* Trust items afrekenpagina */
.trust-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 14px;
}

/* Icoon */
.trust-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-top: 1px;
}

/* Tekst blok */
.trust-text {
  line-height: 1.35;
}

/* Titel */
.trust-text strong {
  display: block;
  margin-bottom: 0px;
}

/* Laatste item geen extra ruimte */
.trust-item:last-child {
  margin-bottom: 0;
}

/* Reviews styling */
/* Naam + sterren op 1 regel */
#reviews .comment-text .meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* Naam netjes */
#reviews .woocommerce-review__author {
  font-weight: 600;
}

/* Sterren rechts houden */
#reviews .star-rating {
  margin-left: auto;
  white-space: nowrap;
}

/* Datum op nieuwe regel */
#reviews .comment-text .meta time {
  width: 100%;
  display: block;
  margin-top: 6px;
  font-size: 0.9em;
  opacity: 0.7;
}

/* KOPPELTEKEN VERWIJDEREN (dit is de echte fix) */
#reviews .woocommerce-review__dash {
  display: none !important;
}

/* Gevulde sterren geel ipv thema groen */
#reviews .star-rating span::before {
  color: #ffc107; /* mooie gele kleur */
}

/* ⭐ Gevulde sterren overal */
.woocommerce .star-rating span::before,
.woocommerce-page .star-rating span::before {
  color: #ffc107 !important;
}

/* SHOP / CATEGORIE / PRODUCTTEGELS */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .woocommerce-Price-amount,
.woocommerce ul.products li.product .price bdi,
.woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol {
    font-size: 16px !important;
    line-height: 1.2 !important;
}

/* Single product prijs */
.woocommerce div.product .summary p.price,
.woocommerce div.product .summary span.price {
    font-size: 24px !important;
}

/* Font family producttegel prijzeb bij het invoegen in berichten (anders krijg je een gek lettertype */
.woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price .woocommerce-Price-amount, .woocommerce ul.products li.product .price bdi, .woocommerce ul.products li.product .price .woocommerce-Price-currencySymbol {
font-family: poppins;
}

/* === SIDK Category Blocks — grid layout voor recepten + shop, geen slider === */

/* Wrapper */
.sidk-cat-carousel-wrap {
  margin: 0 0 12px;
}

/* Alleen op categorie-archieven extra ruimte boven de blokken */
body.archive.category .sidk-cat-carousel-wrap,
body.archive.tax-product_cat .sidk-cat-carousel-wrap {
  margin-top: 18px;
}

/* Grid: desktop 4 kolommen */
.sidk-cat-carousel {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  padding: 2px 0 6px;
  cursor: default !important;
  scrollbar-width: auto;
  -ms-overflow-style: auto;
  -webkit-overflow-scrolling: auto;
  will-change: auto;
}

/* Cards */
.sidk-cat-card {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px;
  border: 1px solid #2DD993;
  border-radius: 16px;
  background-color: #f4fdfa;
  background-clip: padding-box;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
  transition:
    background-color .22s ease,
    box-shadow .12s ease,
    border-color .12s ease;
  user-select: auto;
  -webkit-user-drag: none;
}

.sidk-cat-card:hover,
.sidk-cat-card:focus {
  background-color: #eafbf4;
  box-shadow: 0 4px 10px rgba(0,0,0,0.06);
  text-decoration: none;
}

/* Afbeelding */
.sidk-cat-img {
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
  flex: 0 0 56px;
  border-radius: 12px;
  border: 1px solid #e6f7f0;
  background: #fff center / cover no-repeat;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Tekstblok */
.sidk-cat-info {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
  min-width: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-synthesis: none;
}

/* Titel */
h6.sidk-cat-name {
  margin: 0;
  line-height: 1.2;
  color: #252525 !important;
  font-size: 14px;
  overflow-wrap: anywhere;
}

.sidk-cat-card:hover h6.sidk-cat-name,
.sidk-cat-card:focus h6.sidk-cat-name {
  color: #252525 !important;
  letter-spacing: normal;
  text-decoration: none;
}

/* Subtekst als die bij shop nog gebruikt wordt */
.sidk-cat-count {
  font-size: 12px;
  color: #5A6B7B;
  margin-top: 3px;
}

/* Actieve categorie: wel andere vulling/rand, niet vooraan zetten */
.sidk-cat-card.is-active {
  border-color: #188559 !important;
  background-color: #dff9ef !important;
  box-shadow:
    inset 0 0 0 1px #188559,
    0 2px 6px rgba(0,0,0,0.05);
}

.sidk-cat-card.is-active:hover,
.sidk-cat-card.is-active:focus {
  background-color: #dff9ef !important;
  border-color: #188559 !important;
  box-shadow:
    inset 0 0 0 1px #188559,
    0 2px 8px rgba(0,0,0,0.08);
}

/* Expliciet geen order-truc meer */
.sidk-cat-carousel .sidk-cat-card,
.sidk-cat-carousel .sidk-cat-card.is-active {
  order: 0 !important;
}

/* Tablet: 3 kolommen */
@media (max-width: 1100px) {
  .sidk-cat-carousel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Mobiel: 2 kolommen en normale verticale scroll */
@media (max-width: 768px) {
  .sidk-cat-carousel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .sidk-cat-card {
    padding: 9px;
    gap: 8px;
  }

  .sidk-cat-img {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    flex: 0 0 54px !important;
    background-size: cover !important;
  }

  h6.sidk-cat-name {
    font-size: 13px !important;
    line-height: 1.15 !important;
  }
}

/* Extra kleine schermen, zoals iPhone SE */
@media (max-width: 375px) {
  .sidk-cat-carousel {
    gap: 8px;
  }

  .sidk-cat-card {
    padding: 7px;
    gap: 6px;
  }

  .sidk-cat-img {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    flex: 0 0 46px !important;
  }

  h6.sidk-cat-name {
    font-size: 12px !important;
    line-height: 1.15 !important;
    overflow-wrap: break-word;
  }
}

/* Forceer normale verticale scroll op mobiel: geen slider/touch-restjes */
@media (max-width: 768px) {
  .sidk-cat-carousel,
  .sidk-cat-carousel-wrap,
  .sidk-cat-card,
  .sidk-cat-card *,
  .sidk-cat-img,
  .sidk-cat-info {
    touch-action: auto !important;
    -ms-touch-action: auto !important;
  }

  .sidk-cat-carousel {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: auto !important;
  }
}


/* Gegroepeerde producten lettertype, zodat het niet buiten beeld valt */
@media (max-width: 430px) {
  .woocommerce-grouped-product-list-item__label label,
  .woocommerce-grouped-product-list-item__label a {
    font-size: 14px !important;
  }
	
	  .woocommerce-grouped-product-list-item__price {
    font-size: 14px !important;
  }
}

.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
padding-right: 0.75em;
padding-left: 0.75em;
}

/* Padding boven in winkelmand knop */
.woocommerce-cart .wc-proceed-to-checkout {
padding: 10;
}

.woocommerce table.order-review tfoot td, .woocommerce table.order-review tfoot th, .woocommerce table.order-review th, .woocommerce-page table.order-review th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th {
font-family: inherit;
}