:root {
	--wd-text-font: "Barlow", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #0E1A32;
	--wd-text-font-size: 16px;
	--wd-title-font: "Oswald", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 700;
	--wd-title-transform: uppercase;
	--wd-title-color: #122F67;
	--wd-entities-title-font: "Oswald", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-transform: uppercase;
	--wd-entities-title-color: #122F67;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Barlow", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Oswald", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 700;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #122F67;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Barlow", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #122F67;
	--wd-alternative-color: #122F67;
	--btn-default-font-family: "Barlow", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 700;
	--btn-default-transform: uppercase;
	--btn-default-bgcolor: #FFFFFF;
	--btn-default-bgcolor-hover: #122F67;
	--btn-accented-font-family: "Barlow", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 700;
	--btn-accented-transform: uppercase;
	--btn-accented-bgcolor: #122F67;
	--btn-accented-bgcolor-hover: #0E1A32;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #122F67;
	--wd-link-color-hover: #0E1A32;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-footer {
	background-color: #F0F4F7;
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-brd-color: #D9DFE6;
	--wd-form-brd-color-focus: #122F67;
}
.wd .product-label.onsale {
	background-color: #122F67;
	color: #FFFFFF;
}
.wd .product-label.new {
	background-color: #122F67;
	color: #FFFFFF;
}
.wd .product-label.featured {
	background-color: #122F67;
	color: #FFFFFF;
}
.wd .product-label.out-of-stock {
	background-color: #C3C9D2;
	color: #00102A;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1320px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
--wd-cat-brd-radius: 8px;
}

@media (min-width: 1320px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #122F67;
}

/* sterren in de huisstijl */
.star-rating span,.star-rating:before,.wd-star-rating span,.comment-form-rating .stars a{color:#1E4A8A;}
.star-rating:before,.wd-star-rating:before{color:#C3D0E0;}
/* Trennin - productkaart in de stijl van het referentie-ontwerp */
.trn-grid .product-grid-item{background:#fff;border-radius:8px;overflow:hidden;}
.trn-grid .wd-product-cats,
.wd-products .wd-product-cats{font-family:Barlow,sans-serif;font-size:11px;font-weight:600;
  letter-spacing:.9px;text-transform:uppercase;color:#8A97AC;margin-bottom:2px;}
.trn-grid .wd-entities-title,
.wd-products .wd-entities-title{font-family:Oswald,sans-serif;font-weight:600;text-transform:uppercase;
  font-size:15px;line-height:1.25;letter-spacing:.2px;}
.trn-grid .price,
.wd-products .price{font-family:Oswald,sans-serif;font-weight:700;font-size:18px;color:#0B2A5B;}
.trn-grid .price del,
.wd-products .price del{font-weight:400;font-size:14px;color:#8A97AC;}
.trn-grid .wd-add-btn,
.wd-products .wd-add-btn{width:100%;margin-top:10px;}
.trn-grid .wd-add-btn > a,
.wd-products .wd-add-btn > a{display:flex;align-items:center;justify-content:center;width:100%;
  background:#0B2A5B;color:#fff;border-radius:8px;padding:11px 14px;
  font-family:Barlow,sans-serif;font-weight:700;font-size:13px;letter-spacing:.5px;text-transform:uppercase;}
.trn-grid .wd-add-btn > a:hover,
.wd-products .wd-add-btn > a:hover{background:#12203A;color:#fff;}
.product-labels .onsale{background:#0B2A5B;color:#fff;font-family:Barlow,sans-serif;font-weight:700;
  letter-spacing:.4px;border-radius:6px;}
.product-labels .new{background:#1E4A8A;color:#fff;border-radius:6px;}

/* Elementor-pagina's full-bleed: secties dragen zelf hun boxed breedte (1240) */
.page-template-elementor_header_footer main.content-layout-wrapper.container,
.page-template-elementor_header_footer .wd-content-layout.container{max-width:100%;width:100%;padding-left:0;padding-right:0;margin-left:0;margin-right:0;}
.page-template-elementor_header_footer .wd-page-content{overflow-x:clip;}

/* Hero-foto vult de kaart, zoals in het referentie-ontwerp (rounded-2xl, object-cover) */
.trn-hero-img{overflow:hidden;}
.trn-hero-img .elementor-widget-image,
.trn-hero-img .elementor-widget-container,
.trn-hero-img figure,
.trn-hero-img .elementor-image{margin:0;padding:0;line-height:0;}
.trn-hero-img img{display:block;width:100%;height:428px;object-fit:cover;border-radius:0;}
@media (max-width:1024px){.trn-hero-img img{height:340px;}}
@media (max-width:575px){.trn-hero-img img{height:240px;}}

/* Countdown: vaste blokbreedte zoals de referentie (min-w 56, 8px/12px, radius 8) */
.elementor-countdown-wrapper{display:flex;gap:8px;justify-content:flex-end;}
.elementor-countdown-item{min-width:56px;padding:8px 12px;border-radius:8px;}
.elementor-countdown-digits{line-height:1.2;}
.elementor-countdown-label{margin-top:2px;}

/* Hero-foto vult de kaart (referentie: object-cover, 598x428) */
.e-con img.wp-image-84{display:block;width:100%;height:428px;object-fit:cover;border-radius:0;}
@media (max-width:1024px){.e-con img.wp-image-84{height:340px;}}
@media (max-width:575px){.e-con img.wp-image-84{height:240px;}}

/* Countdown-blokken: referentie is 62x70 met min-w 56 en 8px/12px padding */
.elementor-widget-countdown .elementor-countdown-item{min-width:56px !important;padding:8px 12px !important;border-radius:8px !important;}
.elementor-widget-countdown .elementor-countdown-wrapper{gap:8px;justify-content:flex-end;}

/* 1. Witruimte tussen header en eerste sectie weghalen */
.page-template-elementor_header_footer main.content-layout-wrapper.container,
.page-template-elementor_header_footer .wd-content-layout.container{margin-top:0;margin-bottom:0;}

/* 2. Productkaarten even hoog, knop altijd onderaan */
.wd-products .product-grid-item{display:flex;flex-direction:column;}
.wd-products .product-grid-item > .wd-product-wrapper,
.wd-products .product-grid-item > .product-wrapper{display:flex;flex-direction:column;flex:1 1 auto;}
.wd-products .wd-entities-title{display:block;min-height:44px;}
.wd-products .wd-add-btn{margin-top:auto;}

/* 3. Labels: compacte pil in plaats van een cirkel van 50px */
.product-labels .product-label,
.product-labels.labels-rounded .product-label{width:auto;height:auto;min-width:0;min-height:0;
  display:inline-flex;align-items:center;justify-content:center;
  padding:5px 9px;border-radius:6px;line-height:1;
  font-family:Barlow,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;}
.product-labels{gap:6px;}

@media (max-width:575px){.trn-hero-badge{left:10px;bottom:10px;max-width:calc(100% - 20px);}}

/* Witruimte tussen header en eerste sectie (Woodmart zet hier padding-top:40) */
.page-template-elementor_header_footer main.content-layout-wrapper.container,
.page-template-elementor_header_footer .wd-content-layout.container{padding-top:0;padding-bottom:0;}

/* Hero: badge zweeft linksonder over de foto.
   Selector pakt alleen de fotokaart zelf (directe afbeelding-widget), niet de bovenliggende kolommen. */
.e-con:has(> .elementor-widget-image img.wp-image-84){position:relative;overflow:hidden;}
.e-con:has(> .elementor-widget-image img.wp-image-84) > .e-con{
  position:absolute;left:16px;bottom:16px;top:auto;right:auto;
  width:auto;max-width:calc(100% - 32px);
  box-shadow:0 8px 24px rgba(14,26,50,.18);z-index:2;}
@media (max-width:575px){
  .e-con:has(> .elementor-widget-image img.wp-image-84) > .e-con{left:10px;bottom:10px;max-width:calc(100% - 20px);padding:10px 12px;}
}

/* ---- Productarchief: rustig, consistent, leesbaar ---- */

/* Titelblok: compacter, minder zwaar */
.wd-page-title.page-title{padding-top:38px;padding-bottom:38px;}
.wd-page-title .entry-title{font-family:Oswald,sans-serif;font-weight:700;font-size:34px;line-height:1.15;letter-spacing:.4px;text-transform:uppercase;}
.wd-page-title .wd-breadcrumbs,
.wd-page-title .woocommerce-breadcrumb{font-family:Barlow,sans-serif;font-size:13px;letter-spacing:.2px;opacity:.75;}

/* Categorie-intro boven de grid */
.term-description{max-width:760px;font-family:Barlow,sans-serif;font-size:15px;line-height:1.7;color:#606A78;margin:0 0 24px;}
.term-description p:last-child{margin-bottom:0;}

/* Werkbalk boven de grid */
.wd-shop-tools,.wd-shop-tools a,.woocommerce-ordering,.wd-products-per-page{font-family:Barlow,sans-serif;font-size:13px;letter-spacing:.2px;}
.wd-shop-tools a{color:#606A78;}
.wd-shop-tools a:hover,.wd-shop-tools .wd-active a{color:#122F67;}
.wd-shop-tools{border-bottom:1px solid #D9DFE6;padding-bottom:14px;margin-bottom:24px;}

/* Zijbalk: duidelijke scheiding tussen filters */
.sidebar-container .widget-title,.sidebar-container .widgettitle{font-family:Oswald,sans-serif;font-size:14px;letter-spacing:.6px;color:#122F67;}
.sidebar-container .wd-widget{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #D9DFE6;}
.sidebar-container .wd-widget:last-child{border-bottom:0;margin-bottom:0;}
.sidebar-container .wd-widget li a{font-family:Barlow,sans-serif;font-size:14px;color:#0E1A32;}
.sidebar-container .wd-widget li a:hover{color:#122F67;}
.sidebar-container .wd-widget .count{font-family:Barlow,sans-serif;font-size:12px;color:#606A78;}

/* Knoptekst past nu binnen de kaart */
.wd-products .wd-add-btn > a{font-size:12px;padding:11px 10px;white-space:normal;line-height:1.25;text-align:center;}

/* Paginering */
.wd-pagination a,.wd-pagination span{font-family:Barlow,sans-serif;font-weight:600;}

/* Knoptekst 'Toevoegen aan winkelwagen' is lang - laat hem netjes over twee regels
   lopen in plaats van afkappen. Kaarten zijn toch al even hoog. */
.wd-add-btn > a,
.products .wd-add-btn > a,
ul.products .wd-add-btn > a,
.wd-products .wd-add-btn > a{
  font-size:12px !important;
  line-height:1.3 !important;
  padding:10px 10px !important;
  white-space:normal !important;
  text-align:center;
  min-height:44px;
  display:flex;align-items:center;justify-content:center;
}
.wd-add-btn > a .wd-action-text{white-space:normal;}

/* ---- Hero-badge: 222x62, radius 12, hangt 20px onder de foto (referentie) ---- */
.trn-photo{overflow:visible !important;position:relative;}
.trn-photo img.wp-image-84{border-radius:12px;}
.trn-badge{position:absolute !important;left:20px !important;bottom:-20px !important;top:auto !important;right:auto !important;
  width:auto !important;max-width:calc(100% - 40px);background:#FFFFFF;border:1px solid #D9DFE6;border-radius:12px;
  padding:12px 16px !important;gap:12px;box-shadow:0 10px 30px rgba(14,26,50,.12);z-index:3;}
.trn-badge > .elementor-widget-image{display:grid;place-items:center;width:36px;height:36px;min-width:36px;
  border-radius:8px;background:#ECF1F5;flex:0 0 36px;}
.trn-badge > .elementor-widget-image img{width:20px;height:20px;}
@media (max-width:575px){.trn-badge{left:12px !important;bottom:-16px !important;max-width:calc(100% - 24px);}}

/* ---- Categorietegels: shade achter het icoon, wisselt bij hover ---- */
.trn-cat{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.trn-cat:hover{transform:translateY(-2px);border-color:rgba(57,134,228,.45) !important;box-shadow:0 12px 30px rgba(14,26,50,.10);}
.trn-cat-ico{width:48px !important;min-width:48px;height:48px;flex:0 0 48px;transition:background-color .18s ease;}
.trn-cat:hover .trn-cat-ico{background-color:#122F67 !important;}
.trn-cat:hover .trn-cat-ico img{filter:brightness(0) invert(1);transition:filter .18s ease;}
.trn-cat-count{margin-left:auto;}

/* badge blijft compact zoals de referentie (222x62) */
.trn-badge{max-width:280px !important;}
.trn-badge .elementor-widget-text-editor p{line-height:1.35;}

/* teller blijft binnen de tegel */
.trn-cat > .e-con{min-width:0;}
.trn-cat-count{margin-left:auto;width:auto !important;flex:0 0 auto !important;min-width:0;}
.trn-cat-count .elementor-widget-container{padding:0;}

/* Elementor zet width via de --width variabele; die moeten we resetten */
.trn-cat-count{--width:auto !important;width:auto !important;flex:0 0 auto !important;margin-left:auto;}
.trn-cat > .e-con:nth-child(2){--width:auto !important;flex:1 1 auto !important;min-width:0;}
.trn-cat-ico{--width:48px !important;}

/* ---- Productpagina ---- */
/* secties full-bleed, inhoud houdt zijn eigen 1240 */
.single-product main.content-layout-wrapper.container{max-width:100%;width:100%;padding-left:0;padding-right:0;padding-top:0;margin-left:0;margin-right:0;}
/* koopknop vult de kolom, zoals in de referentie */
.single-product form.cart{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;}
.single-product form.cart .single_add_to_cart_button{flex:1 1 220px;width:auto;justify-content:center;text-align:center;}
/* prijs in de kopstijl */
.single-product .price,
.single-product [data-widget_type^='wd_single_product_price'] .price{font-family:Oswald,sans-serif;font-weight:700;font-size:30px;line-height:1.2;color:#122F67;}
.single-product .price del{font-family:Barlow,sans-serif;font-weight:400;font-size:18px;color:#606A78;}
/* WooCommerce zet zelf ook een kop boven gerelateerde producten - wij hebben er al een */
.single-product .related > h2,
.single-product [data-widget_type^='woocommerce-product-related'] > .elementor-widget-container > .related > h2{display:none;}
/* USP-kaartje naast de knop */
.trn-usp-card p{margin:0;}

/* Woodmart zet zelf een kop boven de gerelateerde producten; wij hebben er al een */
.single-product .related-products > .wd-el-title,
.single-product .related-products > h2.element-title{display:none;}

.single-product .related-products > h2,
.single-product .wd-products-element > h2.wd-el-title,
.single-product h2.slider-title.element-title{display:none !important;}

/* ---- Accordeon op de productpagina ---- */
.trn-acc .wd-accordion-title,
.wd-single-tabs .wd-accordion-title{font-family:Oswald,sans-serif;font-weight:700;text-transform:uppercase;
  font-size:15px;letter-spacing:.4px;color:#122F67;padding:18px 0;}
.trn-acc .wd-accordion-item,
.wd-single-tabs .wd-accordion-item{border-bottom:1px solid #D9DFE6;}
.trn-acc .wd-accordion-item:first-child,
.wd-single-tabs .wd-accordion-item:first-child{border-top:1px solid #D9DFE6;}
.trn-acc .wd-accordion-content,
.wd-single-tabs .wd-accordion-content{font-family:Barlow,sans-serif;font-size:15px;line-height:1.7;color:#0E1A32;padding-bottom:22px;}
.trn-acc .wd-accordion-content h2,
.wd-single-tabs .wd-accordion-content > h2:first-child{display:none;}

/* ---- Footer: licht, zoals het referentie-ontwerp ---- */
.wd-footer,.footer-container{background-color:#F0F4F7;}
.main-footer{padding-top:48px;padding-bottom:48px;}
.footer-sidebar .widget-title,.footer-sidebar .widgettitle{
  font-family:Barlow,sans-serif;font-weight:700;font-size:14px;line-height:20px;
  letter-spacing:1.4px;text-transform:uppercase;color:#122F67;margin-bottom:14px;}
.footer-sidebar,.footer-sidebar p,.footer-sidebar li a,.footer-sidebar a{
  font-family:Barlow,sans-serif;font-size:14px;line-height:20px;color:#606A78;}
.footer-sidebar li{margin-bottom:10px;}
.footer-sidebar a:hover{color:#122F67;}
.footer-sidebar .wd-widget{border-bottom:0;padding-bottom:0;margin-bottom:0;}
/* scheidingslijn boven de copyrightregel */
.wd-copyrights,.copyrights-wrapper{background-color:#F0F4F7;border-top:1px solid #D9DFE6;padding-top:22px;padding-bottom:22px;}
.wd-copyrights,.wd-copyrights p,.copyrights-wrapper,.copyrights-wrapper p{
  font-family:Barlow,sans-serif;font-size:12px;line-height:18px;color:#606A78;}
.wd-copyrights a,.copyrights-wrapper a{color:#122F67;}

.wd-copyrights,.copyrights-wrapper,
.wd-footer .wd-copyrights,.footer-container .copyrights-wrapper{border-top:1px solid #D9DFE6 !important;}