.elementor-kit-61{--e-global-color-primary:#1A1A1A;--e-global-color-secondary:#6B6F76;--e-global-color-text:#FAF8F4;--e-global-color-accent:#102235;--e-global-color-1e150c1:#F5B800;--e-global-color-5ebef8f:#102235;--e-global-typography-primary-font-family:"Poppins";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Poppins";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;}.elementor-kit-61 button,.elementor-kit-61 input[type="button"],.elementor-kit-61 input[type="submit"],.elementor-kit-61 .elementor-button{background-color:#102235;color:#FFFFFF;}.elementor-kit-61 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 20px;--widgets-spacing-row:0px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Product card basics (shop grid) */
.woocommerce ul.products li.product,
.elementor-widget-wc-archive-products .product {
  color: #1A1A1A;
}

/* Titles & price in shop grid */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #1A1A1A;
}
.woocommerce ul.products li.product .price {
  color: #1A1A1A;
}

/* Button primary (shop + archive) */
.woocommerce ul.products li.product a.button,
.woocommerce a.add_to_cart_button {
  background: #000;
  color: #fff;
  border-radius: 999px;
  padding: .5rem 1rem;
}
.woocommerce ul.products li.product a.button:hover,
.woocommerce a.add_to_cart_button:hover {
  background: #1A1A1A;
  color: #fff;
}

/* Sale badge */
.woocommerce span.onsale {
  background: #F5B800;
  color: #102235;
}

/* Pagination */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  color: #1A1A1A;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: #102235;
  color: #fff;
  border-radius: 999px;
  padding: .35rem .75rem;
}

/* SINGLE PRODUCT – gallery links */

/* optioneel: iets beperkter maken qua breedte op grote schermen */
@media (min-width: 992px) {
  .woocommerce-product-gallery.images {
    max-width: 720px; /* mag je verhogen naar 800 als je wil */
  }
}

/* altijd volledige foto tonen, niet croppen */
.woocommerce-product-gallery__image img {
  width: 100%;
  height: auto;
  display: block;
  /* geen object-fit: cover hier, anders kun je opnieuw snijden */
}
/* ========== VARIATION COLOR SWATCHES ========== */

/* Basis: ronde chips */
.variable-items-wrapper .variable-item.color-variable-item {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  padding: 3px;                /* ruimte voor buitenring */
  margin-right: 10px;
  margin-bottom: 10px;
  box-sizing: border-box;
  border: 1px solid #D3D3D3;   /* lichte rand rond swatch */
  background: #fff;
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease,
              transform 0.1s ease;
}

/* Het echte kleurvlak binnenin */
.variable-items-wrapper .variable-item.color-variable-item
  .variable-item-span-color {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06); /* zachte inner-ring */
}

/* Hover */
.variable-items-wrapper .variable-item.color-variable-item:hover {
  border-color: #888;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.06);
}

/* Geselecteerde kleur – dikke donkere ring zoals Minimum Design */
.variable-items-wrapper .variable-item.color-variable-item.selected {
  border-color: #000;
  box-shadow: 0 0 0 2px #000;
  transform: translateY(-1px);
}

/* Disabled varianten */
.variable-items-wrapper .variable-item.color-variable-item.disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

/* Label "Color:" en gekozen waarde */
.single-product .variations_form td.label label {
  font-weight: 500;
  color: #6B6F76;
}

/* Naam van gekozen kleur naast label (komt vaak in .woo-variation-items-wrapper) */
.single-product .woo-variation-items-wrapper ~ .woo-selected-variation-item-name {
  display: inline-block;
  margin-left: 4px;
  font-weight: 500;
  color: #1A1A1A;
}

/* Voorraadtekst onder de swatches ("In stock") */
.single-product .stock {
  color: #6E7F62;        /* mooi groen */
  font-weight: 600;
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Optioneel: klein rond icoon voor stock (kun je later met ::before doen) */
/* Achtergrond van het hele variatie-blok wit maken */
.single-product .variations_form .variations,
.single-product .variations_form .value {
    background: #ffffff;
}
/* Achtergrond van variatieblok wit houden */
.single-product .variations_form .value {
    background: #ffffff;
}

/* Container van elke swatch: transparant, rond klikgebied */
.woo-variation-swatches .variable-items-wrapper .variable-item {
    background: transparent !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Eigenlijke kleurchip: rond bolletje */
.woo-variation-swatches .variable-items-wrapper .variable-item .variable-item-span {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 999px !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08); /* subtiel randje */
}

/* Hover + geselecteerd: duidelijke ring in jouw branding */
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.disabled):hover .variable-item-span,
.woo-variation-swatches .variable-items-wrapper .variable-item.selected .variable-item-span {
    box-shadow: 0 0 0 2px #1A1A1A;
}
/* Labelrij van variaties (Color : …) wit maken */
.single-product .variations_form .variations tr,
.single-product .variations_form .variations td,
.single-product .variations_form .variations th,
.single-product .variations_form .variations .label {
    background: #ffffff !important;
}

/* Zelf het label transparant houden (voor de zekerheid) */
.single-product .variations_form .variations .label label {
    background: transparent !important;
}
/* Horizontale spacing tussen de kleurbolletjes */
.woo-variation-swatches .variable-items-wrapper {
    display: flex;              /* zeker weten dat het een rij is */
    column-gap: 10px;           /* ruimte tussen de bolletjes */
}

/* Voor oudere browsers / zekerheid: extra marge */
.woo-variation-swatches .variable-items-wrapper .variable-item {
    margin-right: 10px;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:last-child {
    margin-right: 0;
}
/* Stock tekst (voorraad) in mooie accentgroen */
.single-product p.stock,
.single-product .stock {
    color: #6E7F62 !important;
    font-weight: 500;
}
/* Container tabs: geen standaard border, alles onder elkaar */
.single-product .woocommerce-tabs ul.tabs {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
}

/* Elke tab als rij met lijn eronder */
.single-product .woocommerce-tabs ul.tabs li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
    padding: 18px 0;
    border: 0;
    border-bottom: 1px solid #E5E5E5;
    background: transparent !important;
}

/* Link zelf: grote titel links */
.single-product .woocommerce-tabs ul.tabs li a {
    flex: 1;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}

/* Grijze cirkel rechts (default) */
.single-product .woocommerce-tabs ul.tabs li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #EDEDED;
}

/* Pijltje in de cirkel */
.single-product .woocommerce-tabs ul.tabs li::before {
    content: "";
    position: absolute;
    right: 9px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    transform: translateY(-50%) rotate(45deg); /* pijltje naar beneden */
}

/* Actieve tab: zwarte cirkel + wit pijltje (omhoog) */
.single-product .woocommerce-tabs ul.tabs li.active::after {
    background: #1A1A1A;
}

.single-product .woocommerce-tabs ul.tabs li.active::before {
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    transform: translateY(-50%) rotate(-135deg); /* pijltje naar boven */
}

/* Contentpaneel: nette spacing + lijn eronder */
.single-product .woocommerce-tabs .panel {
    padding: 20px 0 24px 0;
    border-bottom: 1px solid #E5E5E5;
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: #1A1A1A;
}
/* Container tabs: geen standaard border, alles onder elkaar */
.single-product .woocommerce-tabs ul.tabs {
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
}

/* Elke tab als rij met lijn eronder */
.single-product .woocommerce-tabs ul.tabs li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
    padding: 18px 0;
    border: 0;
    border-bottom: 1px solid #E5E5E5;
    background: transparent !important;
}

/* Link zelf: grote titel links */
.single-product .woocommerce-tabs ul.tabs li a {
    flex: 1;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}

/* Grijze cirkel rechts (default) */
.single-product .woocommerce-tabs ul.tabs li::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #EDEDED;
}

/* Pijltje in de cirkel */
.single-product .woocommerce-tabs ul.tabs li::before {
    content: "";
    position: absolute;
    right: 9px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    transform: translateY(-50%) rotate(45deg); /* pijltje naar beneden */
}

/* Actieve tab: zwarte cirkel + wit pijltje (omhoog) */
.single-product .woocommerce-tabs ul.tabs li.active::after {
    background: #1A1A1A;
}

.single-product .woocommerce-tabs ul.tabs li.active::before {
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    transform: translateY(-50%) rotate(-135deg); /* pijltje naar boven */
}

/* Contentpaneel: nette spacing + lijn eronder */
.single-product .woocommerce-tabs .panel {
    padding: 20px 0 24px 0;
    border-bottom: 1px solid #E5E5E5;
    margin: 0;
    font-size: 14px;
    line-height: 1.65;
    color: #1A1A1A;
}

.single-product .elementor-accordion-content {
    padding: 0 0 24px 0 !important;
}
/*.single-product .woocommerce-tabs {
    display: none !important;
}*/
/* Add to cart-knoppen verbergen in 'Related products' op single product */
.single-product .related .button {
    display: none !important;
}
/* Basis: panelen verbergen, open state tonen */
#panel-kleur,
#panel-maat,
#panel-prijs {
  display: none;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
  padding: 24px 28px;
  margin-top: 16px;
}

#panel-kleur.filter-panel-open,
#panel-maat.filter-panel-open,
#panel-prijs.filter-panel-open {
  display: block;
}

/* Knoppen links (Kleur | Maat | Prijs) */
#btn-kleur a,
#btn-maat a,
#btn-prijs a {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  color: #102235;
  padding: 8px 0;
  border-bottom: 2px solid transparent;
}

.filter-btn-active a {
  border-bottom-color: #102235;
}

/* Binnenkant Themify filters – zo generiek mogelijk gefixt */

#panel-kleur .tf-product-filter,
#panel-maat .tf-product-filter,
#panel-prijs .tf-product-filter {
  font-family: inherit;
}

/* Titels (Maat / Kleur / Prijs) in panel */
#panel-kleur .tf-field-title,
#panel-maat .tf-field-title,
#panel-prijs .tf-field-title {
  font-weight: 600;
  font-size: 16px;
  color: #102235;
  margin-bottom: 12px;
}

/* Lijsten van opties (links) horizontaal met mooie gaps */
#panel-kleur ul,
#panel-maat ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
}

/* Links zelf */
#panel-kleur a,
#panel-maat a {
  text-decoration: none;
  font-size: 14px;
  color: #b54364; /* jouw roze kleur */
}

#panel-kleur a:hover,
#panel-maat a:hover {
  text-decoration: underline;
}

/* Actieve optie – Themify gebruikt vaak .chosen of .active: beide stylen */
#panel-kleur a.chosen,
#panel-kleur a.active,
#panel-maat a.chosen,
#panel-maat a.active {
  font-weight: 600;
  color: #102235;
}

/* Prijsschuif iets fijner maken (kan je nog verder tweaken) */
#panel-prijs input[type="range"],
#panel-prijs .irs--round {
  --accent-color: #b54364;
}
/* Algemene stijl voor swatch-bolletjes */
.wpf_item_pa_color ul.wpf_links li a {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.25);
    padding: 0 !important;
}

/* Actieve kleur: dikker randje */
.wpf_item_pa_color ul.wpf_links li.wpf_selected a {
    border: 2px solid #000 !important;
}

/* ----------------------------- */
/*        INDIVIDUELE KLEUREN    */
/* ----------------------------- */

.wpf_item_pa_color a[href*="black-forest-green"] { background-color: #0F1F1A; }

.wpf_item_pa_color a[href*="wine-red"],
.wpf_item_pa_color a[href*="bordeaux"] { background-color: #7A1F2A; }

.wpf_item_pa_color a[href*="bordeaux-carbon"] { background-color: #611922; }

.wpf_item_pa_color a[href*="cherry-wood"] { background-color: #A45F3D; }

.wpf_item_pa_color a[href*="cork-wood"] { background-color: #C9A47A; }

.wpf_item_pa_color a[href*="ebony-black"] { background-color: #0C0C0C; }

.wpf_item_pa_color a[href*="green-poplar"] { background-color: #6E7F62; }

.wpf_item_pa_color a[href*="grey-oak"] { background-color: #B9B6AE; }

.wpf_item_pa_color a[href*="muted-red"] { background-color: #8F4F45; }

.wpf_item_pa_color a[href*="army-red"] { background-color: #6B3932; }

.wpf_item_pa_color a[href*="muted-blue"] { background-color: #5F6E77; }

.wpf_item_pa_color a[href*="muted-green"] { background-color: #72806A; }

.wpf_item_pa_color a[href*="sandstone-yellow"],
.wpf_item_pa_color a[href*="sandstone"] { background-color: #D8C9B5; }

.wpf_item_pa_color a[href*="white-wood"] { background-color: #ECE7DE; }

.wpf_item_pa_color a[href*="pine-wood"] { background-color: #D9B37A; }
/* Hero verbergen op kleur- en maat-archieven */
body.tax-pa_color .hero-archive,
body.tax-pa_size .hero-archive {
    display: none !important;
}
/* Filterbalk: links knoppen, rechts sortering + active filter */
.filters-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.filters-left,
.filters-right {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
/* Tekst "Filter:" */
.active-filter-text {
    font-size: 14px;
    font-weight: 500;
}

/* Label "Filter:" zelf iets subtieler */
.active-filter-text strong {
    margin-right: 8px;
    font-weight: 600;
}

/* De actieve filter(s) als pill/badge tonen */
.active-filter-text a,
.active-filter-text span {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    background: #f2f2f2;
    font-size: 13px;
    line-height: 1.2;
}

/* Eventuele sluit/X-icoon binnen de badge */
.active-filter-text a svg,
.active-filter-text span svg {
    margin-left: 6px;
}
/* Force neutral color for attributes in Product Data Tabs */
.single-product .woocommerce-product-attributes,
.single-product .woocommerce-product-attributes td,
.single-product .woocommerce-product-attributes a {
  color: #1A1A1A;
}

.single-product .woocommerce-product-attributes a:hover {
  color: #1A1A1A;
  text-decoration: none;
}
/* Variatieprijs exact zelfde styling als hoofdprijs */
.single-product .woocommerce-variation-price {
  margin: 12px 0 8px;
}

.single-product .woocommerce-variation-price .price {
  font-size: 28px;
  font-weight: 700;
  color: #000;
}

.single-product .woocommerce-variation-price del {
  color: #9a9a9a;
  font-weight: 400;
  margin-right: 8px;
}

.single-product .woocommerce-variation-price ins {
  color: #9c8a2f; /* jouw goudkleur */
  text-decoration: none;
  font-weight: 700;
}
/* === PRICE STYLING — exact zoals screenshot 2 === */

/* Oude prijs (del) */
.single-product .price del,
.single-product .woocommerce-variation-price del,
.single-product .woocommerce-variation-price .price del {
  color: #b5b5b5 !important;
  opacity: 1 !important;
  text-decoration: line-through !important;
}

/* Actieprijs (ins) */
.single-product .price ins,
.single-product .woocommerce-variation-price ins,
.single-product .woocommerce-variation-price .price ins {
  color: #e02020 !important; /* rood zoals screenshot 2 */
  text-decoration: none !important;
  font-weight: 600;
}

/* Sommige themes/plugins stylen via bdi */
.single-product .price ins bdi,
.single-product .woocommerce-variation-price ins bdi {
  color: inherit !important;
}
/* Extra ruimte onder prijs (normaal + variaties) */
.single-product .price,
.single-product .woocommerce-variation-price {
  margin-bottom: 30px !important;
}/* End custom CSS */