.elementor-1463 .elementor-element.elementor-element-fed121f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:4rem;--margin-bottom:4rem;--margin-left:0rem;--margin-right:0rem;}.elementor-1463 .elementor-element.elementor-element-6e31d90{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1463 .elementor-element.elementor-element-cc2a3d3{border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.woocommerce .elementor-1463 .elementor-element.elementor-element-cc2a3d3 .woocommerce-product-gallery__trigger + .woocommerce-product-gallery__wrapper,
					.woocommerce .elementor-1463 .elementor-element.elementor-element-cc2a3d3 .flex-viewport{border-radius:5px 5px 5px 5px;}.woocommerce .elementor-1463 .elementor-element.elementor-element-cc2a3d3 .flex-viewport:not(:last-child){margin-bottom:0.6rem;}.woocommerce .elementor-1463 .elementor-element.elementor-element-cc2a3d3 .flex-control-thumbs img{border-radius:5px 5px 5px 5px;}.woocommerce .elementor-1463 .elementor-element.elementor-element-cc2a3d3 .flex-control-thumbs li{padding-right:calc(1.3rem / 2);padding-left:calc(1.3rem / 2);padding-bottom:1.3rem;}.woocommerce .elementor-1463 .elementor-element.elementor-element-cc2a3d3 .flex-control-thumbs{margin-right:calc(-1.3rem / 2);margin-left:calc(-1.3rem / 2);}.elementor-1463 .elementor-element.elementor-element-0ce2956{--display:flex;}.elementor-1463 .elementor-element.elementor-element-e9daa77{--display:flex;}.elementor-1463 .elementor-element.elementor-element-e4cff49{--display:flex;--justify-content:flex-start;}.elementor-1463 .elementor-element.elementor-element-1487039{text-align:justify;}.elementor-1463 .elementor-element.elementor-element-94edbe4{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:10px;--n-tabs-gap:8px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-font-size:16px;}.elementor-1463 .elementor-element.elementor-element-94edbe4.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Bebas Neue", Sans-serif;font-weight:400;word-spacing:0px;}.elementor-1463 .elementor-element.elementor-element-638ad00{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:16px 16px 16px 16px;--margin-top:9px;--margin-bottom:0px;--margin-left:40px;--margin-right:0px;}.elementor-1463 .elementor-element.elementor-element-638ad00:not(.elementor-motion-effects-element-type-background), .elementor-1463 .elementor-element.elementor-element-638ad00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1463 .elementor-element.elementor-element-7553a62{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1463 .elementor-element.elementor-element-7553a62 .elementor-heading-title{font-family:"Bebas Neue", Sans-serif;font-size:3.6rem;font-weight:600;}.elementor-1463 .elementor-element.elementor-element-af81c7b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1463 .elementor-element.elementor-element-851dc74{margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -10px;text-align:center;}.elementor-1463 .elementor-element.elementor-element-851dc74.elementor-element{--align-self:flex-start;}.woocommerce .elementor-1463 .elementor-element.elementor-element-851dc74 .price{color:#333333;font-family:"Bebas Neue", Sans-serif;font-size:2.5rem;font-weight:400;}body:not(.rtl) .elementor-1463 .elementor-element.elementor-element-851dc74:not(.elementor-product-price-block-yes) del{margin-right:0px;}body.rtl .elementor-1463 .elementor-element.elementor-element-851dc74:not(.elementor-product-price-block-yes) del{margin-left:0px;}.elementor-1463 .elementor-element.elementor-element-851dc74.elementor-product-price-block-yes del{margin-bottom:0px;}.elementor-1463 .elementor-element.elementor-element-597ecb1{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -15px;text-align:start;font-family:"Bebas Neue", Sans-serif;font-size:17px;font-weight:400;color:var( --e-global-color-text );}.elementor-1463 .elementor-element.elementor-element-5a399d9{margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--view-cart-spacing:0px;--button-spacing:10px;}.elementor-1463 .elementor-element.elementor-element-5a399d9 .cart button, .elementor-1463 .elementor-element.elementor-element-5a399d9 .cart .button{font-family:"Bebas Neue", Sans-serif;font-size:20px;font-weight:400;background-color:var( --e-global-color-accent );transition:all 0.2s;}.elementor-1463 .elementor-element.elementor-element-5a399d9 .quantity .qty{transition:all 0.2s;}.woocommerce .elementor-1463 .elementor-element.elementor-element-5a399d9 form.cart table.variations tr th, .woocommerce .elementor-1463 .elementor-element.elementor-element-5a399d9 form.cart table.variations tr td{padding-top:calc( 44px/2 );padding-bottom:calc( 44px/2 );}.elementor-1463 .elementor-element.elementor-element-8f7b2b3{--divider-border-style:solid;--divider-color:#CCCCCC;--divider-border-width:1px;}.elementor-1463 .elementor-element.elementor-element-8f7b2b3 .elementor-divider-separator{width:100%;}.elementor-1463 .elementor-element.elementor-element-8f7b2b3 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-1463 .elementor-element.elementor-element-ca802d6{--display:flex;}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-product-item .woolentor-badge{background-color:var( --e-global-color-accent );color:var( --e-global-color-59b8ccd3 );}.elementor-1463 .elementor-element.elementor-element-0b68d82 > .elementor-widget-container{margin:0px 0px 40px 0px;padding:0px 0px 0px 0px;}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-product-grid-modern{gap:25px;}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-product-image > a{border-radius:0px 0px 0px 0px;}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-editorial-grid-card .woolentor-product-overlay{border-radius:0px 0px 0px 0px;}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-product-image img.woolentor-product-img{border-radius:0px 0px 0px 0px;}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-product-grid-magazine .woolentor-product-image{border-radius:0px 0px 0px 0px;}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-product-content{padding:10px 40px 20px 40px;align-items:flex-start;text-align:left;}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-content-header{align-items:flex-start;text-align:left;}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-product-title{font-family:"Bebas Neue", Sans-serif;font-size:25px;font-weight:400;margin:0px 0px 0px 0px;}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-product-price,.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-product-price del{font-family:"Bebas Neue", Sans-serif;font-weight:400;}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-product-actions .woolentor-cart-btn{background-color:#2FB3AA!important;background:#2FB3AA!important;border-style:none;padding:0px 0px 0px 0px!important;}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-product-actions .woolentor-cart-btn:hover{color:var( --e-global-color-59b8ccd3 );background-color:#333333!important;background:#333333!important;border-color:var( --e-global-color-secondary );}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-luxury-card .woolentor-cart-btn::before{background-color:#333333;background:#333333;}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-grid-card .woolentor-product-actions .woolentor-cart-btn,.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-list-card .woolentor-product-actions .woolentor-cart-btn,.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-luxury-card a.woolentor-cart-btn{font-family:"Bebas Neue", Sans-serif;font-size:1.1rem;font-weight:400;}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-product-actions .woolentor-cart-btn svg{width:21px;height:21px;}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-luxury-card .woolentor-cart-arrow{font-size:21px;}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-quick-actions .woolentor-quick-action:hover{color:var( --e-global-color-accent );}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-quick-actions .woolentor-quick-action:hover a{color:var( --e-global-color-accent );}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-quick-actions .woolentor-quick-action svg{width:18px;height:18px;}.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-quick-actions .woolentor-quick-action{font-size:18px;}@media(min-width:690px){.elementor-1463 .elementor-element.elementor-element-6e31d90{--width:50%;}.elementor-1463 .elementor-element.elementor-element-638ad00{--width:50%;}}@media(max-width:999px){.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-product-grid-modern{gap:20px;}}@media(max-width:689px){.elementor-1463 .elementor-element.elementor-element-0b68d82 .woolentor-product-grid-modern{gap:15px;}}/* Start custom CSS *//* =====================================================
   WPO (Woo Product Options) – layout & typography fixes
   - Left align everything in the block
   - Option price on the right
   - Total (€82,00) in Bebas Neue, smaller, centered
   ===================================================== */

/* 0) One consistent left edge for everything inside the product form */
.single-product form.cart,
.wpo-options-container {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Zorg dat alle directe blokken dezelfde linker start hebben */
.wpo-options-container,
.wpo-options-container .wpo-field,
.wpo-options-container .wpo-field * {
  box-sizing: border-box;
}

/* 1) Labels (Logo design / Eigen logo uploaden) zelfde stijl als "Inclusief BTW" */
.wpo-options-container .wpo-option-name,
.wpo-options-container .wpo-field label,
.wpo-options-container .wpo-field-title {
  font-family: inherit;
  font-weight: 400;
  font-size: 16px;
  color: inherit;
  margin: 0 0 8px 0;
}

/* 2) WPO velden: geen rare inspringing */
.wpo-options-container .wpo-field {
  margin: 14px 0 0 0 !important;
  padding: 0 !important;
}

/* 3) Dropdown (Nice Select) strak links, full width */
.wpo-options-container .nice-select {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px;
  line-height: 44px;
  border-radius: 6px;
  margin: 0 !important;
  padding-left: 14px;              /* gelijk aan input padding */
  padding-right: 54px;             /* ruimte voor pijltje/clear */
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

/* Geselecteerde waarde: maak 2 kolommen (tekst links, prijs rechts) */
.wpo-options-container .nice-select .current {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 12px;
}

/* Dropdown items: 2 kolommen (tekst links, prijs rechts) */
.wpo-options-container .nice-select .list .option {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
}

/* Toeslagprijs blauw en rechts (als WPO prijs-elementen gebruikt) */
.wpo-options-container .nice-select .list .option [class*="price"],
.wpo-options-container .nice-select .list .option [class*="amount"],
.wpo-options-container .nice-select .list .option .wpo-option-price,
.wpo-options-container .nice-select .list .option .wpo-price,
.wpo-options-container .nice-select .current [class*="price"],
.wpo-options-container .nice-select .current [class*="amount"],
.wpo-options-container .nice-select .current .wpo-option-price,
.wpo-options-container .nice-select .current .wpo-price {
  margin-left: 12px !important;
  white-space: nowrap;
  color: var(--e-global-color-primary) !important;
  font-weight: 600;
}

/* Extra fallback: álle price/amount in WPO blauw (voor losse outputs) */
.wpo-options-container [class*="price"],
.wpo-options-container [class*="amount"],
.wpo-options-container .wpo-option-price,
.wpo-options-container .wpo-price {
  color: var(--e-global-color-primary) !important;
  font-weight: 600;
}

/* 4) Upload blok: geen inspringing, zelfde linkerlijn als dropdown */
.wpo-options-container .wpo-field--file_upload,
.wpo-options-container .wpo-field--file-upload {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* 5) TOTALS: centreer tussen upload en add-to-cart + Bebas Neue + iets kleiner */
.wpo-totals-container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  margin: 22px 0 10px 0 !important;
  width: 100% !important;
}

/* "Totaal:" label iets rustiger */
.wpo-totals-container .wpo-totals-title,
.wpo-totals-container .wpo-totals-label {
  font-family: inherit;
  font-weight: 400;
  font-size: 16px;
  margin-right: 8px;
}

/* Bedrag zelf: Bebas Neue zoals €75,00 + kleiner dan nu */
.wpo-totals-container .amount,
.wpo-totals-container [class*="amount"],
.wpo-totals-container [class*="price"] {
  font-family: "Bebas Neue", sans-serif !important;
  font-weight: 800;
  font-size: 44px;      /* kleiner dan je huidige 82 */
  line-height: 1;
  letter-spacing: 0.5px;
  color: inherit !important;
}

/* 6) Zorg dat add-to-cart gedeelte niet tegen links schuift en mooi onder totals blijft */
.single-product form.cart {
  display: block;
}

/* Mobiel: iets compacter */
@media (max-width: 767px) {
  .wpo-totals-container [class*="amount"],
  .wpo-totals-container [class*="price"],
  .wpo-totals-container .amount {
    font-size: 38px;
  }
}

/* ===== FIX: laat WPO weer zelf bepalen wanneer totals zichtbaar is ===== */
.wpo-totals-container {
  display: initial !important;     /* of: unset */
  text-align: center !important;
  margin: 22px 0 10px 0 !important;
}

/* Centreer de inhoud zónder layout te forceren */
.wpo-totals-container .wpo-totals-inner,
.wpo-totals-container .wpo-totals-row,
.wpo-totals-container .wpo-totals-wrap {
  display: inline-flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 10px;
  width: auto !important;
}

/* "Totaal:" label */
.wpo-totals-container .wpo-totals-title,
.wpo-totals-container .wpo-totals-label {
  font-weight: 400;
  font-size: 16px;
}

/* Bedrag: Bebas Neue, iets kleiner */
.wpo-totals-container .amount,
.wpo-totals-container [class*="amount"],
.wpo-totals-container [class*="price"] {
  font-family: "Bebas Neue", sans-serif !important;
  font-weight: 500;
  font-size: 36px;
  line-height: 2;
  letter-spacing: 0.1px;
  color: inherit !important;
}

/* Mobiel */
@media (max-width: 767px) {
  .wpo-totals-container .wpo-totals-amount,
  .wpo-totals-container .amount {
    font-size: 38px;
  }

}

/* Totals weer links uitlijnen */
.wpo-totals-container {
  text-align: left !important;
}

/* Binnenkant niet meer centreren */
.wpo-totals-container .wpo-totals-inner,
.wpo-totals-container .wpo-totals-row,
.wpo-totals-container .wpo-totals-wrap {
  justify-content: flex-start !important;
  display: inline-flex !important;
}

.wpo-totals-container.wpo-hide-total { 
  display: none !important; 
}

/* Meer ruimte tussen laatste WPO veld en add-to-cart */
.single-product .wpo-options-container {
  margin-bottom: 28px !important;
}

.product-usps {
  list-style: none;
  padding: 0;
  margin: 0;
}

.product-usps li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  font-size: 16px;
}

.product-usps li:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 4px;
  width: 18px;
  height: 18px;
  background-color: #31b2aa;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: bold;
}

/* Stijl van de Product knop (referentie) */
.product-button {
    border: 2px solid #cccccc; /* Pas aan naar jouw exacte kleur */
    border-radius: 8px;        /* Zelfde afronding */
}

/* Hoeveelheid veld dezelfde stijl geven */
.quantity input[type="number"] {
    border: 2px solid #eeeeee;  /* Zelfde kleur als productknop */
    border-radius: 8px;        /* Zelfde afronding */
    background-color: #ffffff;
    height: 48px;              /* Optioneel: zelfde hoogte */
}

/* Trek het totaal-blok omhoog richting het gele vlak */
.wpo-totals-container,
[class*="wpo-total"]{
  position: relative !important;
  z-index: 50 !important;
  margin-top: -27px !important;  /* stel dit af: -50 / -70 / -90 */
  margin-bottom: 2px !important;
}

/* 1) Laat de dropdown altijd bovenop alles liggen */
.wpo-options-container .nice-select{
  position: relative !important;
  z-index: 1000 !important;
}
.wpo-options-container .nice-select .list{
  position: absolute !important;
  z-index: 1100 !important;
}

/* (extra zeker) als hij open is: nog hoger */
.wpo-options-container .nice-select.open{
  z-index: 2000 !important;
}

/* 2) Totals mag niet boven dropdown komen */
.wpo-totals-container{
  position: relative !important;
  z-index: 10 !important;      /* was bij jou effectief "te hoog" */
}
/* Dropdown lijst schaduw herstellen */
.wpo-options-container .nice-select .list{
  box-shadow: 0 14px 20px rgba(0,0,0,0.12) !important;
  border-radius: 8px !important;
  border: 0px solid rgba(0,0,0,0.06) !important;
}

/* Geopende dropdown lijst */
.wpo-options-container .nice-select .list{
  border: 2px solid #e6e6e6 !important;   /* kleur aanpassen indien gewenst */
  border-radius: 10px !important;
  background: #ffffff !important;

  box-shadow: 0 14px 30px rgba(0,0,0,0.12) !important;
}

/* Wanneer dropdown open is → alleen onderrand behouden */
.wpo-options-container .nice-select.open {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Laat de lijst netjes aansluiten */
.wpo-options-container .nice-select.open .list {
  margin-top: -10px !important; /* overlapt de originele border */
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* ===== Dropdown lijst groter (overhang) + bovenkant rond ===== */
.wpo-options-container .nice-select{
  position: relative !important; /* ankerpunt voor absolute .list */
}

/* Open lijst: laat 'm iets breder vallen dan het veld */
.wpo-options-container .nice-select.open .list{
  left: -10px !important;                 /* overhang links */
  right: -10px !important;                /* overhang rechts */
  width: calc(100% + 20px) !important;     /* 10px + 10px */
  
  border-radius: 12px !important;          /* boven én onder rond */
  margin-top: 8px !important;              /* ruimte tussen veld en lijst (geen vierkante aansluiting) */

  /* zorg dat de rand mooi blijft */
  border: 2px solid #e6e6e6 !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.12) !important;
  background: #fff !important;
}

/* Optioneel: iets meer padding in de items zodat het 'groter' voelt */
.wpo-options-container .nice-select .list .option{
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

/* Open dropdown – subtiele overhang zonder uitrekken */
.wpo-options-container .nice-select.open .list{
  width: 100% !important;      /* geen extra breedte */
  left: 0 !important;
  right: auto !important;

  transform: scale(1.014);      /* maakt hem net iets groter */
  transform-origin: top center;

  border-radius: 12px !important;
  margin-top: -10px !important;

  border: 2px solid #e6e6e6 !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.12) !important;
}

/* ===== Dropdown hoogte compacter ===== */

/* 1) Minder padding/hoogte per item */
.wpo-options-container .nice-select .list .option{
  padding: 10px 18px !important;  /* was groter */
  line-height: 1.2 !important;
}

/* 2) Minder ruimte boven/onder in de lijst */
.wpo-options-container .nice-select .list{
  padding: 6px 0 !important;
}

/* 3) Max hoogte + scroll (zodat hij niet enorm wordt) */
.wpo-options-container .nice-select.open .list{
  max-height: 180px !important;   /* stel af: 180 / 220 / 260 */
  overflow-y: auto !important;
}

/* Verberg lege / placeholder optie bovenaan */
.wpo-options-container .nice-select .list .option:first-child:empty,
.wpo-options-container .nice-select .list .option[data-value=""],
.wpo-options-container .nice-select .list .option:empty{
  display: none !important;
}

/* ===== Forceer kleur voor het blauwe X-rondje in Nice Select / WPO ===== */

/* Alle mogelijke clear/close varianten binnen nice-select */
body .nice-select [class*="clear"],
body .nice-select [class*="close"],
body .nice-select [class*="remove"],
body .wpo-options-container .nice-select [class*="clear"],
body .wpo-options-container .nice-select [class*="close"],
body .wpo-options-container .nice-select [class*="remove"]{
  background-color: #31b2aa !important;  /* turquoise */
  background: #31b2aa !important;
  color: #fff !important;
  border-color: #31b2aa !important;
  border-radius: 999px !important;
  transition: background-color .2s ease, filter .2s ease;
}

/* Soms is de cirkel een ::before/::after */
body .nice-select [class*="clear"]::before,
body .nice-select [class*="clear"]::after,
body .nice-select [class*="close"]::before,
body .nice-select [class*="close"]::after,
body .nice-select [class*="remove"]::before,
body .nice-select [class*="remove"]::after{
  background-color: #31b2aa !important;
  background: #31b2aa !important;
  border-color: #31b2aa !important;
}

/* Hover kan op de parent zitten i.p.v. op de knop zelf */
body .nice-select:hover [class*="clear"],
body .nice-select:hover [class*="close"],
body .nice-select:hover [class*="remove"],
body .nice-select [class*="clear"]:hover,
body .nice-select [class*="close"]:hover,
body .nice-select [class*="remove"]:hover{
  background-color: #279e97 !important;  /* hover turquoise (donkerder) */
  background: #279e97 !important;
  border-color: #279e97 !important;
}

/* Als het X-icoon een SVG is */
body .nice-select [class*="clear"] svg *,
body .nice-select [class*="close"] svg *,
body .nice-select [class*="remove"] svg *{
  fill: #fff !important;
  stroke: #fff !important;
}

/* Product titel positie finetunen */
.single-product .product_title {
  margin-top: 12px !important;      /* omlaag */
  margin-left: 3px !important;     /* naar rechts */
}


/* Sommige themes zetten disabled:hover paars */
.single-product form.cart .single_add_to_cart_button:disabled:hover,
.single-product form.cart .single_add_to_cart_button.disabled:hover,
.single-product form.cart .single_add_to_cart_button[aria-disabled="true"]:hover {
  background-color: #000000 !important;
}

/* === FIX: Barn2 uploader modal buttons niet paars === */
.barn2-modal .button,
.barn2-modal button,
.barn2-dialog .button,
.barn2-dialog button {
  background-color: #31b2aa !important;
  border-color: #31b2aa !important;
  color: #fff !important;
}

.barn2-modal .button:hover,
.barn2-modal button:hover,
.barn2-dialog .button:hover,
.barn2-dialog button:hover {
  background-color: #279e97 !important;
  border-color: #279e97 !important;
}

/* Als je theme checkboxen met pseudo-elements tekent: voorkom dubbele “losse” box */
.barn2-modal input[type="checkbox"]::before,
.barn2-modal input[type="checkbox"]::after,
.barn2-dialog input[type="checkbox"]::before,
.barn2-dialog input[type="checkbox"]::after {
  position: static !important;
}

/* Meer ruimte boven Bestandscontrole */
.wpo-options-container .wpo-field.bestandscontrole{
  margin-top: -10px !important;
}

/* Radio opties netjes uitlijnen */
.wpo-options-container .wpo-field input[type="radio"]{
  margin: 0 !important;
  position: static !important;
  transform: none !important;
}

/* Label als flex zodat rondje exact midden naast tekst staat */
.wpo-options-container .wpo-field .wpo-option,
.wpo-options-container .wpo-field label{
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  line-height: 1.2;
}

.woocommerce div.product .flex-control-thumbs li:nth-child(n+4) {
    display: none;
}

/* Radio/checkbox opties netjes uitlijnen (alleen het label direct ná het input) */
.wpo-options-container .wpo-field input[type="radio"] + label,
.wpo-options-container .wpo-field input[type="checkbox"] + label {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  line-height: 1.2;
}

/* Laat andere labels (zoals beschrijving/help) met rust */
.wpo-options-container .wpo-field label {
  display: block;
}

/* === Barn2 Product Options: tooltip onder het (i)-icoon === */

/* Ankerpunt */
.wpo-options-container .info-tooltip{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: help;
}

/* Tooltip tekst standaard verborgen */
.wpo-options-container .info-tooltip .tooltip-text{
  position: absolute !important;
  top: calc(100% + 10px) !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  display: none !important;
  width: 320px !important;
  max-width: min(80vw, 360px) !important;

  white-space: normal !important;
  background: #fff !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  box-shadow: 0 14px 30px rgba(0,0,0,0.12) !important;

  z-index: 999999 !important;
}

/* Toon bij hover/focus */
.wpo-options-container .info-tooltip:hover .tooltip-text,
.wpo-options-container .info-tooltip:focus .tooltip-text,
.wpo-options-container .info-tooltip:focus-within .tooltip-text{
  display: block !important;
}

/* Pijltje */
.wpo-options-container .info-tooltip .tooltip-text::before{
  content: "" !important;
  position: absolute !important;
  top: -8px !important;
  left: 50% !important;
  transform: translateX(-50%) rotate(45deg) !important;

  width: 14px !important;
  height: 14px !important;
  background: #fff !important;
  border-left: 1px solid #e6e6e6 !important;
  border-top: 1px solid #e6e6e6 !important;
}

/* ===== FIX: Bestandscontrole onder de upload-tekst houden ===== */

/* geef de upload-beschrijving wat ruimte onderaan */
.wpo-options-container .wpo-field--file_upload .wpo-field-description,
.wpo-options-container .wpo-field--file-upload .wpo-field-description,
.wpo-options-container .wpo-field--file_upload .wpo-field-desc,
.wpo-options-container .wpo-field--file-upload .wpo-field-desc{
  margin-bottom: 12px !important;
  display: block !important;
}

/* trek bestandscontrole NIET omhoog, maar omlaag */
.wpo-options-container .wpo-field.bestandscontrole{
  margin-top: 20px !important;   /* stel af: 10–24 */
  padding-top: 0 !important;
  clear: both !important;
}

/* ✅ FIX: Barn2/WPO dropzone template mag geen ruimte innemen */
.wpo-options-container [id$="-dropzone-template"],
.wpo-options-container [id*="dropzone-template"]{
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Extra: voorkom dat preview-wrappers onderaan padding/marge reserveren */
.wpo-options-container .wpo-dropzone-preview,
.wpo-options-container .wpo-dropzone{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
}

.single-product form.cart input:focus,
.wpo-options-container input:focus,
.wpo-options-container textarea:focus {
  border-color: #31b2aa !important;
  box-shadow: none !important;
  outline: none !important;
}/* End custom CSS */