@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//geboorteplein.nl/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.1") format("woff2");
}

:root {
	--wd-text-font: "Futura-pt", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(86,86,86);
	--wd-text-font-size: 20px;
	--wd-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Brandon-grotesque", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Futura-pt", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 19px;
	--wd-primary-color: #5f947f;
	--wd-alternative-color: #81be3e;
	--wd-link-color: #5f947f;
	--wd-link-color-hover: #81be3e;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #5f947f;
	--btn-accented-bgcolor-hover: #57965c;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--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-popup-width: 800px;
}
.header-banner {
	background-color: rgb(15,15,15);
	background-image: none;
}
.wd-page-title {
	background-color: rgb(239,239,239);
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #f9f9f9;
	background-image: none;
}
html .wd-page-content .wd-product .product-wrapper .wd-entities-title {
	font-family: "Playfair Display", Arial, Helvetica, sans-serif;
	font-size: 15px;
}
html .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount {
	font-family: "Futura-pt", Arial, Helvetica, sans-serif;
	font-size: 15px;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	html .wd-page-content .wd-product .product-wrapper .wd-entities-title {
		font-size: 13px;
	}
	html .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount {
		font-size: 14px;
	}

}

@media (max-width: 768.98px) {
	html .wd-page-content .wd-product .product-wrapper .wd-entities-title {
		font-size: 12px;
	}
	html .wd-product .price, html .wd-product .price > .amount, html .wd-product .price ins > .amount {
		font-size: 14px;
	}

}
:root{
--wd-container-w: 1600px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--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-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

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

@media (min-width: 1600px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/* ============================================================
   Geboorteplein - Custom CSS (Woodmart > Theme Settings > Global)
   Opgeschoond 07-09-2026
   - alle argmc-regels (oude checkout) verwijderd
   - dubbele regels samengevoegd
   - lege regel bij cpf-type-header verwijderd
   - winkelwagen en checkout toegevoegd voor het Printlane-ontwerp
   - checkoutvelden en kopjes gelijkgetrokken met Geboortebordwinkel (07-09)
   ============================================================ */


/* ------------------------------------------------------------
   1. Verbergen
   ------------------------------------------------------------ */
.product-image-summary .quantity { display: none !important; }
.woocommerce-ordering { display: none; }
.woocommerce-ordering.wd-ordering-mb-icon { display: none; }
.woocommerce-shipping-destination { display: none; }
.woocommerce-result-count { display: none !important; }
.meta-post-categories { display: none; }
.entry-meta-list { display: none; }
.single-post .wd-post-meta { display: none !important; }
.wd-nav-mobile li.menu-item-account { display: none; }
body .wd-add-btn { display: none; }
button[name="update_cart"] { display: none !important; }
.select2-search--dropdown { display: none; }
#tm-epo-totals { display: none !important; }
.tc-totals-form { display: none !important; }
.variation-TotalAreasqm { display: none; }
.payment_box.payment_method_mollie_wc_gateway_ideal { display: none !important; }
div#cfw-account-details .cfw-have-acc-text { display: none !important; }
body.woocommerce-order-received td.cfw-cart-item-image { display: none !important; }


/* ------------------------------------------------------------
   2. Categoriepagina en filters (alleen desktop)
   ------------------------------------------------------------ */
@media (min-width: 1025px) {
    body .wd-hover-alt.product-type-grouped:hover .swap-elements,
    body .wd-hover-alt.purchasable:hover .swap-elements {
        -webkit-transform: none;
        transform: none;
    }
    body .woodmart-woocommerce-layered-nav .with-swatch-text .layer-term-name {
        font-weight: 300;
        font-size: 15px;
    }
    body .woodmart-woocommerce-layered-nav .layer-term-name {
        font-weight: 300;
    }
    #WOODMART_Widget_Price_Filter,
    #WOODMART_Widget_Sorting {
        display: none;
    }
}
.shop-content-area:not(.col-lg-12) .wd-show-sidebar-btn {
    margin-left: auto;
    margin-right: 0 !important;
}
.product-label.onsale {
    background-color: #2a2a2a;
    font-size: 14px;
}
.woocommerce .product span.onsale { font-size: 14px; }
.product-label.featured { background-color: #3b833c; }


/* ------------------------------------------------------------
   3. Productpagina
   ------------------------------------------------------------ */
.product-image-summary-wrap .woodmart-social-icons.icons-size-small i {
    font-size: 24px;
}
label.tc-cell.tm-epo-element-label.tcwidth-100 {
    font-weight: bold;
    font-size: 15px;
}
div.tc-cell.tc-width100.tm-description {
    font-weight: bold;
    font-size: 15px;
}
.tc-element-inner-wrap h4 {
    color: #000000;
    font-weight: bold;
}
.tc-element-inner-wrap div p {
    color: black;
    font-weight: normal;
    margin-top: 5px;
}
.tc-container.cpf-element.tc-cell.tcwidth-100.cpf-type-header .tc-element-inner-wrap {
    background: #f0f0f0;
    padding: 10px 10px 0 10px;
}
.tc-tooltip { color: #5f947f; }
.wccc-content-block { --wd-tags-margin-bottom: 0; }
#price_calculator input {
    width: 90px;
    font-size: 17px;
}
.amount { font-size: 17px; }
.wc-prl-recommendations {
    max-width: 1600px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
}

/* Knoppen. De hoofdknop wordt verder opgemaakt door het snippet;
   de samplekknop blijft bewust wit met een groene rand, zodat hij
   ondergeschikt is aan de knop erboven. */
.single_add_to_cart_button {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.product-image-summary .single_add_to_cart_button,
.single_add_to_cart_button.button.alt.colorlab_add_to_cart {
    width: 100%;
}
.single_add_sample_to_cart_button {
    background-color: #fff !important;
    border: 2px solid #5f947f;
    color: #5f947f;
    width: 100%;
    margin-top: 0.472em;
    transition: all 0.2s ease-in-out;
}
.single_add_sample_to_cart_button:hover {
    background-color: #f9f9f9 !important;
    border: 2px solid #f9f9f9 !important;
    color: #5f947f !important;
}

/* Labeltje in de uitklaplijst iets ruimer dan in de blokken */
.custom-dropdown .custom-dropdown__badge {
    font-size: 12px;
    padding: 2px 8px;
    white-space: nowrap;
}


/* ------------------------------------------------------------
   4. Winkelwagenpagina
   Grotere productafbeelding, want daar staat het ontwerp van de
   klant in. De rij is een flexrij, vandaar de flex-basis.
   ------------------------------------------------------------ */
@media (min-width: 1025px) {
    .woocommerce-cart-form td.product-thumbnail {
        width: 130px !important;
        min-width: 130px !important;
        flex: 0 0 130px !important;
    }
    .woocommerce-cart-form td.product-thumbnail a,
    .woocommerce-cart-form td.product-thumbnail picture,
    .woocommerce-cart-form td.product-thumbnail img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }
}
@media (max-width: 1024px) {
    .woocommerce-cart-form td.product-thumbnail {
        width: 120px !important;
        min-width: 120px !important;
        flex: 0 0 120px !important;
    }
    .woocommerce-cart-form td.product-thumbnail a,
    .woocommerce-cart-form td.product-thumbnail picture,
    .woocommerce-cart-form td.product-thumbnail img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
    }
}

/* Knop "Doorgaan naar afrekenen", zelfde maatvoering als op
   Geboortebordwinkel zodat beide shops gelijk zijn. */
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .checkout-button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 62px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .02em;
    background-color: #5f947f !important;
    color: #FFFFFF !important;
}
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .checkout-button:hover {
    background-color: #47705F !important;
    color: #FFFFFF !important;
}

/* "Aanpassen"-link kleiner op mobiel */
@media (max-width: 767px) {
    .colorlab-edit-personalisation {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
    .colorlab-edit-personalisation-wrapper {
        margin-top: 2px !important;
        margin-bottom: 6px !important;
    }
}


/* ------------------------------------------------------------
   5. Checkout (CheckoutWC) in de stijl van de productpagina
   Zelfde opzet als op Geboortebordwinkel, met de groene accenten.
   ------------------------------------------------------------ */
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
    height: 45px !important;
}
.woocommerce form.checkout input[readonly] {
    color: #808080;
    background-color: #f4f4f4;
}
#shipping_postcode,
#billing_postcode {
    text-transform: none !important;
}

/* Invoervelden: zelfde rand, ronding en hoogte als de keuzevelden op de
   productpagina. De min-height wint van de 45px hierboven. */
.woocommerce-checkout .cfw-input-wrap input.input-text,
.woocommerce-checkout .cfw-input-wrap select,
.woocommerce-checkout .cfw-input-wrap textarea {
    min-height: 56px;
    border: 1px solid #D2D2CD;
    border-radius: 6px;
    font-size: 16px;
    color: #2E2E2C;
    background: #FFFFFF;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.woocommerce-checkout .cfw-input-wrap input.input-text:focus,
.woocommerce-checkout .cfw-input-wrap select:focus,
.woocommerce-checkout .cfw-input-wrap textarea:focus {
    border-color: #5F947F;
    box-shadow: 0 0 0 2px rgba(95, 148, 127, 0.16);
    outline: none;
}
.woocommerce-checkout .cfw-floatable-label {
    font-size: 12.5px;
    color: #8A8A82;
    letter-spacing: 0;
}
.woocommerce-checkout .cfw-input-wrap input[readonly],
.woocommerce-checkout .cfw-input-wrap input:disabled {
    background: #FAFAF9;
    border-color: #E2E2DE;
    color: #6A6A63;
}

/* Knoppen in de checkout */
.woocommerce-checkout #place_order,
.woocommerce-checkout .cfw-primary-btn,
.woocommerce-checkout .cfw-next-tab {
    min-height: 62px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .02em;
}

/* Geen hoofdletters in de kopjes */
.woocommerce-cart .cart_totals h2,
.woocommerce-checkout .cfw-panel-heading,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
#cfw-cart-summary h2,
#cfw-cart-summary h3 {
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-weight: 600;
}
.woocommerce-checkout .cfw-panel-heading {
    font-size: 20px;
    color: #2E2E2C;
}

/* Verzendmethodes */
#shipping_method label {
    color: #5f947f;
    font-weight: bold;
}
tr.shipping td {
    color: #565656 !important;
    font-weight: 400;
}
/* Bij deze twee verzendmethodes alleen het bedrag tonen */
label[for="shipping_method_0_flat_rate7"],
label[for="shipping_method_0_flat_rate5"] {
    font-size: 0;
}
label[for="shipping_method_0_flat_rate7"] .woocommerce-Price-amount,
label[for="shipping_method_0_flat_rate5"] .woocommerce-Price-amount {
    font-size: 16px;
    color: #565656 !important;
    font-weight: normal !important;
}

/* Afbeelding in de winkelwagensamenvatting van de checkout */
.woocommerce-checkout-review-order .wd-checkout-prod-img img {
    width: 120px !important;
    max-width: 120px !important;
    min-width: 120px !important;
    height: auto !important;
}
.cfw-cart-table .cart-item-row .cfw-cart-item-image,
.cfw-cart-item-image,
.cfw-cart-item-image a {
    width: 120px !important;
    max-width: 120px !important;
}
.cfw-cart-table .cart-item-row .cfw-cart-item-image img,
.cfw-cart-item-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}
/* ------------------------------------------------------------
   Betaallogo's in de footer
   Hoort bij het snippet met de [betaallogos] shortcode.
   De gekleurde blokjes zitten in de SVG's zelf, dus hier geen
   achtergrond of kader zetten.
   ------------------------------------------------------------ */
.shop-betaallogos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.shop-betaallogo {
    height: 38px !important;
    max-height: none !important;
    width: auto;
    object-fit: contain;
}
@media (max-width: 767px) {
    .shop-betaallogos { gap: 12px; }
    .shop-betaallogo { height: 30px !important; }
}
/* ------------------------------------------------------------
   USP-blok met beoordeling onder de knop
   Hoort bij het snippet met de [usp] shortcode.
   Accentkleur per shop: #5f947f op Geboorteplein,
   #4E7C91 op Geboortebordwinkel.
   ------------------------------------------------------------ */
.shop-usp {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 18px;
}

/* Eén regel per belofte. De vaste breedte van het icoon houdt alle
   teksten op dezelfde startlijn, ook als een icoon smaller is. */
.shop-usp__regel {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 7px 0;
    font-size: 16px;
    line-height: 1.4;
    color: #55554F;
}
.shop-usp__regel i {
    flex: none;
    width: 26px;
    font-size: 22px;
    line-height: 1;
    text-align: center;
    color: #5f947f;
}

/* De badge sluit aan op de regels erboven: zelfde inspringing,
   met een scheidingslijn zodat het als afsluiting leest. */
.shop-usp__beoordeling {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 6px;
    padding: 12px 0 0;
    border-top: 1px solid #EDEDE8;
    text-decoration: none !important;
    color: #2E2E2C;
    font-size: 15px;
    line-height: 1.4;
}
.shop-usp__beoordeling:hover .shop-usp__merk { color: #5f947f; }

.shop-usp__sterren { display: inline-flex; gap: 1px; flex: none; }
.shop-usp__ster { width: 15px; height: 15px; display: block; }
.shop-usp__cijfer { font-weight: 600; }
.shop-usp__uit { color: #6A6A63; font-size: 14px; }

.shop-usp__merk {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #6A6A63;
    font-size: 12px;
    transition: color .15s ease;
}
/* ------------------------------------------------------------
   USP-blok met beoordeling onder de knop
   Hoort bij het snippet met de [usp] shortcode.
   Accentkleur per shop: #5f947f op Geboorteplein,
   #4E7C91 op Geboortebordwinkel.
   ------------------------------------------------------------ */
.shop-usp {
    display: flex;
    flex-direction: column;
    gap: 2px;
    /* Krap onder de knop: de beloftes horen bij die knop, niet bij het
       blok eronder. Zit er nog te veel lucht tussen, dan komt dat van de
       marge van de Elementor-widget zelf, niet hiervandaan. */
    margin-top: 6px;
}

/* Eén regel per belofte. De vaste breedte van het icoon houdt alle
   teksten op dezelfde startlijn, ook als een icoon smaller is. */
.shop-usp__regel {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 7px 0;
    font-size: 16px;
    line-height: 1.4;
    color: #55554F;
}
.shop-usp__regel i {
    flex: none;
    width: 26px;
    font-size: 22px;
    line-height: 1;
    text-align: center;
    color: #5f947f;
}

/* De badge sluit aan op de regels erboven: zelfde inspringing,
   met een scheidingslijn zodat het als afsluiting leest. */
.shop-usp__beoordeling {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap;
    margin-top: 6px;
    padding: 12px 0 0;
    border-top: 1px solid #EDEDE8;
    color: #2E2E2C;
    font-size: 15px;
    line-height: 1.4;
}

.shop-usp__sterren { display: inline-flex; gap: 1px; flex: none; }
.shop-usp__ster { width: 15px; height: 15px; display: block; }
.shop-usp__cijfer { font-weight: 600; }
.shop-usp__uit { color: #6A6A63; font-size: 14px; }

/* Het merk direct achter het cijfer. Helemaal rechts uitgelijnd viel het
   los van waar het bij hoort, zeker op een breed koopblok.
   Niet laten afbreken: op een smal scherm sprong het merk anders naar een
   eigen regel en dan stond de badge scheef onder de USP-regels. */
.shop-usp__merk {
    margin-left: 4px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #6A6A63;
    font-size: 12px;
    transition: color .15s ease;
}
/* Werkt voor het vierkante icoon en voor het volledige liggende logo:
   de hoogte is leidend, de breedte volgt. Het snippet zet deze maat ook
   inline, zodat een themaregel er niet overheen kan. Wil je hem groter of
   kleiner, pas dan beide aan, of alleen het style-attribuut in de snippet. */
.shop-usp__logo {
    height: 17px !important;
    width: auto !important;
    max-width: none !important;
    display: block;
}
/* ------------------------------------------------------------
   Beoordelingsbalk bovenin de header
   Hoort bij het snippet met de [header_balk] shortcode.
   ------------------------------------------------------------ */
.shop-balk {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
    font-size: 14px;
    line-height: 1;
    color: #55554F;
}
.shop-balk__score {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}
.shop-balk__sterren { display: inline-flex; gap: 1px; }
.shop-balk__ster { width: 14px; height: 14px; display: block; }
.shop-balk__cijfer { font-weight: 600; color: #2E2E2C; }
.shop-balk__uit { color: #8A8A82; }

/* Het aantal reviews met een scheidingsteken ervoor in plaats van een
   pijp in de tekst, zodat het los te vertalen en aan te passen blijft. */
.shop-balk__aantal {
    padding-left: 9px;
    margin-left: 2px;
    border-left: 1px solid #D8D8D2;
    color: #6A6A63;
}
.shop-balk__merk { display: inline-flex; align-items: center; margin-left: 3px; }
.shop-balk__levering { white-space: nowrap; color: #6A6A63; }

/* Landcode en vlag horen bij elkaar en mogen niet afbreken. */
.shop-balk__land {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}
.shop-balk__vlag {
    width: 17px;
    height: 11.5px;
    display: block;
    border-radius: 1px;
    flex: none;
}

/* Op mobiel alleen de beoordeling. De bezorgbelofte staat daar al in de
   USP-regels op de productpagina, en twee regels in de bovenbalk duwen
   de rest van de header omlaag. */
@media (max-width: 1024px) {
    .shop-balk { gap: 0; font-size: 13.5px; }
    .shop-balk__levering { display: none; }
    .shop-balk__ster { width: 13px; height: 13px; }
    .shop-balk__aantal { padding-left: 7px; }
}

/* Heel smalle telefoons: het aantal reviews valt als eerste weg,
   want het cijfer zelf is het sterkste signaal. */
@media (max-width: 359px) {
    .shop-balk__aantal { display: none; }
}
html body table.variations tr:not(:last-child) td.value.with-swatches { padding-bottom: 30px; }
/* ============================================================
   KOOPBLOK: UITLIJNING EN VERTICAAL RITME
   Voor Geboorteplein en Geboortebordwinkel. Beide shops
   gebruiken dezelfde opbouw, dus dit blok is identiek.
   Plaatsen in je Global CSS.
   Alles is gemeten in een browser op een echte kopie van
   je productpagina, op 390px breed.

   Waarom dit nodig is: de ruimte in de kolom kwam uit vier
   bronnen tegelijk. De variatietabel van Woodmart, de wrapper
   om de kleurbolletjes, de secties van TM EPO en de velden van
   TM EPO. Die kennen elkaar niet, dus elk veld had zijn eigen
   maat. Hieronder wordt elke bron op nul gezet en komt de
   ruimte nog maar van twee plekken.

   Gemeten resultaat, van onderkant labeltekst tot bovenkant
   van de keuzeblokken, en van de blokken tot het volgende label:

     veld          label -> blokken     blokken -> volgend label
     Kleur          12,5  ->  13,5          32   ->  31,8
     Hoogte          6,2  ->  13,4        21,2   ->  31
     Boorgaten       6,2  ->  13,4          20   ->  30
     Materiaal       7,5  ->  13,5
     Verzending      7,5  ->  13,5
   ============================================================ */


/* ------------------------------------------------------------
   1. DE INFOLINK OP DEZELFDE SCHRIJFLIJN ALS HET LABEL

   Het label is Futura PT 15px vet, de infolink 13,5px normaal.
   Ze stonden gecentreerd ten opzichte van elkaar, en dan zakt
   de kleinste van de twee optisch weg. Uitlijnen op de
   basislijn zet ze op dezelfde schrijflijn.

   De knop moet daarvoor inline-block worden. Bij inline-flex
   bepaalt het icoontje de basislijn in plaats van de tekst, en
   dat was de eigenlijke oorzaak van het scheve beeld.
   Gemeten verschil tussen de twee basislijnen: was 1,75px, nu 0.
   ------------------------------------------------------------ */
/* !important is hier nodig. Je JS-snippet zet zelf align-items:center
   op ditzelfde label, en die stijl wordt pas tijdens het laden aan de
   pagina toegevoegd, dus NA je Global CSS. Zonder !important wint het
   snippet en verandert er niets. Gemeten: zonder !important bleef het
   verschil 1,75px, met !important is het 0. */
html body label.gbw-heeft-info {
    align-items: baseline !important;
    box-sizing: border-box !important;
    width: 100% !important;
}
html body .gbw-info-knop {
    display: inline-block !important;
    align-self: baseline !important;
}
html body .gbw-info-knop svg {
    vertical-align: -2px !important;
    margin-right: 5px !important;
}


/* ------------------------------------------------------------
   2. EEN RITME OVER DE HELE KOLOM
   12px onder een label, 30px onder een veld.
   Wil je het ruimer of krapper, pas dan alleen die twee
   getallen aan; de rest is correctie en hoeft niet mee.
   ------------------------------------------------------------ */

/* Alle andere bronnen van ruimte uitzetten */
html body .wd-swatches-single { margin: 0 !important; }
html body .cpf-section { margin: 0 !important; }
html body .tc-element-container { margin-top: 0 !important; }

/* Variatievelden: Kleur, Hoogte, Boorgaten */
html body form.variations_form { --wd-var-table-mb: 30px !important; }
html body table.variations { margin-bottom: 30px !important; }
html body table.variations th.label.cell { padding-bottom: 12px !important; margin: 0 !important; }
html body table.variations td.value.cell { padding-bottom: 30px !important; margin: 0 !important; }
html body table.variations tr:last-child td.value.cell { padding-bottom: 0 !important; }

/* TM EPO-velden: Materiaal, Verzending, Naam */
/* TM EPO zet zijn velden als inline-blokken in een rij. Daar zit al
   15px regelruimte tussen die je niet kunt wegnemen zonder de hele
   opmaak van de plugin om te gooien. Vandaar 15 en niet 30: samen
   met die 15 komt de gemeten ruimte precies op 30px uit, gelijk aan
   de variatievelden erboven. */
html body .tc-container.cpf-element { margin: 0 0 15px 0 !important; }
/* Het laatste veld voor de knop krijgt niets extra's; anders staat de
   knop verder weg dan de velden onderling. */
html body .tc-row:last-child > .tc-container.cpf-element:last-child { margin-bottom: 0 !important; }
html body label.tm-epo-element-label { margin: 0 0 6px 0 !important; padding-bottom: 0 !important; }
html body .tm-element-description { margin: -8px 0 12px 0 !important; }

/* De kleurbolletjes en de EPO-labels hebben meer loze ruimte
   onder hun tekst dan een variatielabel. Zonder deze twee
   correcties oogt hun gat 6px groter terwijl de opgegeven
   waarde gelijk is. Vandaar 6 in plaats van 12. */
html body table.variations tr:has(.wd-swatch) th.label.cell { padding-bottom: 6px !important; }


/* ------------------------------------------------------------
   3. VELDEN MET EEN TOELICHTING ERONDER (Materiaal)
   Het script hangt de tooltip in de toelichtingsregel zodra een
   label een toelichting heeft. Daar past hij er niet naast, dus
   viel hij naar een derde regel: 27,5px onder de titel.
   Los uit de tekststroom halen is hier de enige manier, want de
   tooltip is in de DOM een kind van die toelichtingsregel.
   De 7px is de afstand tot de basislijn van de titel.
   Gemeten: 27,5px -> 0,0px, op 390, 768 en 1200px breed.
   ------------------------------------------------------------ */
html body label.gbw-heeft-sub { position: relative !important; }
html body .gbw-label__sub .gbw-info-knop {
    position: absolute !important;
    top: 7px !important;
    right: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    align-self: auto !important;
}
html body .gbw-label__sub { padding-right: 0 !important; }

/* ------------------------------------------------------------
   4. LABELCEL EN VELDCEL EVEN BREED
   De labelcel is een echte tabelcel die om zijn tekst heen krimpt
   (gemeten: 58px bij Kleur, 211px bij Hoogte geboortebord), terwijl
   de veldcel eronder een blok over de volle breedte is (370px).
   Daardoor kon de infoknop de rechterrand nooit halen en werd hij
   met gemeten pixels bijgeduwd. Die meting verouderde zodra
   WooCommerce het veld opnieuw opbouwde, en dan sprong de knop tot
   27px weg.

   Deze drie regels maken beide cellen even breed. Gemeten daarna:
   0,0px verschil op 390, 768 en 1200px, op beide shops, en de tabel
   houdt exact dezelfde afmetingen als daarvoor.
   ------------------------------------------------------------ */
html body table.variations tbody,
html body table.variations tr { display: block !important; width: 100% !important; }
html body table.variations th.label.cell {
    display: block !important;
    width: 100% !important;
    padding-right: 0 !important;
}@media (min-width: 1025px) {
	.argmc-wrapper .argmc-order-payment-step {
		margin-left:12.5%;
	  margin-right:12.5%;
}
.title-size-default .title {
    font-size: 40px;
}
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td {
    max-width: 75%;
    width: 75%;
}

}

@media (min-width: 768px) and (max-width: 1024px) {
	body.woocommerce-cart .product-quantity{

	display:none

}
}

@media (min-width: 577px) and (max-width: 767px) {
	.woodmart-hover-alt .wd-add-btn {

display:none;

}
body .variations_form .variations td.label {

display:none;

}

}

@media (max-width: 576px) {
	.argmc-wrapper .argmc-order-payment-step {
    padding: 5px;
    background-color: #F8F8F8;
		margin-left:1%;
	  margin-right:1%;
}
.term-description h2 {
  font-size: 22px; /* maak de kop kleiner */
  margin-bottom: 8px; /* minder ruimte eronder */
}

.term-description p {
  font-size: 15px; /* kleinere tekst */
  line-height: 1.5; /* prettiger leesbaar */
}
/* Breadcrumbs maximaal compact */
.woocommerce-breadcrumb {
  font-size: 13px;
  color: #666;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important; /* zo laag mogelijk */
}

.woocommerce-breadcrumb a {
  color: #666;
  text-decoration: none;
}

.woocommerce-breadcrumb a:hover {
  color: #000;
  text-decoration: underline;
}

/* Scheidingstekens (spans of ::before) compacter */
.woocommerce-breadcrumb span,
.woocommerce-breadcrumb::before,
.woocommerce-breadcrumb::after {
  margin: 0 !important;
  padding: 0 !important;
}

}