:root {
	--wd-text-font: "Onest", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(107,107,107);
	--wd-text-font-size: 17px;
	--wd-title-font: "Gabarito", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Onest", 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: "Onest", 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: "Onest", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 18px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(111,159,177);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: rgb(0,0,0);
	--btn-default-bgcolor-hover: rgb(68,68,68);
	--btn-accented-bgcolor: rgb(78,124,145);
	--btn-accented-bgcolor-hover: rgb(117,135,145);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: rgb(111,159,177);
	--wd-link-color-hover: rgb(98,140,156);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://geboortebordwinkel.nl/wp-content/uploads/2021/07/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(242,242,242);
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-family: "Gabarito", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 26px;
	line-height: 34px;
	text-transform: none;
	color: rgb(71,71,71);
}
html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title {
	font-family: "Gabarito", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 15px;
}
html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price {
	font-family: "Gabarito", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 18px;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-family: "Gabarito", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 32px;
	color: rgb(76,76,76);
}
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-color: rgb(109,109,109);
}
.wd .product-label.onsale {
	background-color: rgb(111,159,177);
	color: rgb(255,255,255);
}
.wd .product-label.new {
	background-color: rgb(111,159,177);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
		font-size: 22px;
	}
	html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title {
		font-size: 13px;
	}
	html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price {
		font-size: 18px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 26px;
	}

}

@media (max-width: 768.98px) {
	html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
		font-size: 20px;
	}
	html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title {
		font-size: 12px;
	}
	html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price {
		font-size: 16px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 24px;
	}

}
:root{
--wd-container-w: 1440px;
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 8px;
}

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


.wd-page-title {
background-color: rgb(255,255,255);
}

/* ============================================================
   Geboortebordwinkel - Custom CSS (Woodmart > Theme Settings > Global)
   Opgeschoond 07-09-2026, bijgewerkt 10-09-2026
   ============================================================ */


/* ------------------------------------------------------------
   1. Verbergen
   ------------------------------------------------------------ */
body .wd-add-btn { display: none; }
.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; }
.wd-nav-mobile li.menu-item-account { display: none; }
h2.yikes-custom-woo-tab-title { display: none; }
button[name="update_cart"] { display: none !important; }
body.woocommerce-cart .product-quantity { display: none; }
td.product-name a.tm-cart-edit-options,
.tm-cart-edit-options { display: none; }
.select2-search--dropdown { display: none; }
.payment_box.payment_method_mollie_wc_gateway_ideal { 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;
    }
    body .product-grid-item .product-title {
        font-size: 14px;
        line-height: 1.2;
    }
    #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;
}
.product-image-summary .single_add_to_cart_button {
    font-size: 13px;
    line-height: 18px;
    padding: 15px 70px;
}
.elementor-add-to-cart button,
.elementor-add-to-cart .button,
form.cart button,
.single_add_to_cart_button,
.single_add_to_cart_button * {
    text-transform: none !important;
    letter-spacing: 0 !important;
}
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: 13px;
}
.tc-tooltip { color: #5EA1B2; }
.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: 1222px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
}

/* Tabbladen als accordeon, altijd open */
.tabs-layout-accordion .woodmart-accordion-title { pointer-events: none; }
.tabs-layout-accordion .wd-accordion-title:after { display: none; }
.tabs-layout-accordion .wd-accordion-title.active { color: #333; }
.tabs-layout-accordion .wd-Tabs-panel .wd-scroll .wd-scroll-content { max-height: none; }

/* Grijs alleen om het koopblok, alleen desktop.
   Werkt zowel bij e-con-full als bij e-con-boxed. */
@media (min-width: 1025px) {
    body.single-product .e-con:has(> .e-con > .elementor-widget-woocommerce-product-add-to-cart),
    body.single-product .e-con:has(> .e-con-inner > .e-con > .elementor-widget-woocommerce-product-add-to-cart) {
        background-color: transparent !important;
        background-image: none !important;
    }
    body.single-product :is(.e-con, .e-con-inner):has(> .e-con > .elementor-widget-woocommerce-product-add-to-cart) {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 44px !important;
        padding: 0 !important;
        max-width: 1440px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        background-color: transparent !important;
    }
    body.single-product :is(.e-con, .e-con-inner):has(> .e-con > .elementor-widget-woocommerce-product-add-to-cart)
        > .e-con:not(:has(> .elementor-widget-woocommerce-product-add-to-cart)) {
        --width: auto;
        width: auto !important;
        max-width: none !important;
        flex: 1 1 auto !important;
        background-color: transparent !important;
    }
    body.single-product .e-con:has(> .elementor-widget-woocommerce-product-add-to-cart) {
        --width: 720px;
        width: 720px !important;
        max-width: 720px !important;
        flex: 0 0 720px !important;
        background-color: #F4F4F2 !important;
        border-radius: 10px !important;
        padding: 28px !important;
        align-self: flex-start !important;
    }
}


/* ------------------------------------------------------------
   4. Winkelwagenpagina
   ------------------------------------------------------------ */
@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".
   10-09-2026: gelijkgetrokken met Geboorteplein (was 62px / 16px / .02em). */
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .checkout-button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .05em;
}

/* "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
   ------------------------------------------------------------ */
.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;
}
.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: #4E7C91;
    box-shadow: 0 0 0 2px rgba(78, 124, 145, 0.14);
    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.
   10-09-2026: gelijkgetrokken met Geboorteplein (was 62px / 16px / .02em). */
.woocommerce-checkout #place_order,
.woocommerce-checkout .cfw-primary-btn,
.woocommerce-checkout .cfw-next-tab {
    min-height: 54px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .05em;
}

/* 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;
}

/* Afbeelding in de winkelwagensamenvatting van de checkout */
.cfw-cart-item-image,
.cfw-cart-item-image a {
    width: 100px !important;
    max-width: 100px !important;
}
.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.
   ------------------------------------------------------------ */
.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 van deze shop: #4E7C91.
   ------------------------------------------------------------ */
.shop-usp {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    margin-top: 6px;
}
.shop-usp__regel {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 7px 0;
    font-size: 16px;
    line-height: 1.4;
    color: #55554F;
}
.shop-usp__icoonvak {
    flex: none;
    width: 26px;
    display: flex;
    justify-content: center;
    color: #4E7C91;
}
.shop-usp__icoon {
    height: 20px;
    width: auto;
    max-width: 26px;
    display: block;
}
.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; }
.shop-usp__merk {
    margin-left: 4px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #6A6A63;
    font-size: 12px;
}
.shop-usp,
.shop-usp * { cursor: default; }
.shop-usp:hover .shop-usp__merk,
.shop-usp__beoordeling:hover .shop-usp__merk,
.shop-usp__merk:hover { color: #6A6A63 !important; }
.shop-usp:hover .shop-usp__regel,
.shop-usp__regel:hover { color: #55554F !important; }
.shop-usp__logo {
    height: 17px !important;
    width: auto !important;
    max-width: none !important;
    display: block;
}
@media (max-width: 767px) {
    .shop-usp__regel { font-size: 15px; gap: 12px; padding: 6px 0; }
    .shop-usp__icoonvak { width: 23px; }
    .shop-usp__icoon { height: 18px; max-width: 23px; }
    .shop-usp__beoordeling { gap: 8px; font-size: 14.5px; }
    .shop-usp__ster { width: 14px; height: 14px; }
    .shop-usp__merk { font-size: 11.5px; }
}


/* ============================================================
   KOOPBLOK: UITLIJNING EN VERTICAAL RITME
   Moet onder de regels hierboven staan.
   ============================================================ */

/* 1. De infolink op dezelfde schrijflijn als het label */
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;
}

/* 2. Een ritme over de hele kolom.
      De maten zelf staan in het onderste blok. */
html body .wd-swatches-single { margin: 0 !important; }
html body .cpf-section { margin: 0 !important; }
html body .tc-element-container { margin-top: 0 !important; }
html body table.variations th.label.cell { padding-bottom: 12px !important; margin: 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; }
html body table.variations tr:has(.wd-swatch) th.label.cell { padding-bottom: 6px !important; }

/* 3. Velden met een toelichting eronder (Materiaal).
      De knop staat sinds 10-09-2026 op de titelregel (KNOP_BIJ_SUB
      staat in de JS op false), dus hij wordt hier niet meer
      absoluut gepositioneerd. */
html body .gbw-label__sub { padding-right: 0 !important; }

/* 4. Labelcel en veldcel even breed */
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;
}


/* ============================================================
   ONDERSTE BLOK - moet als laatste staan
   Rustige dropdowns plus de opschoning, in het blauwe accent
   van deze shop (#4E7C91).
   ============================================================ */

html body .custom-dropdown__trigger {
    min-height: 54px !important;
    border-width: 1.5px !important;
}
html body .custom-dropdown--gekozen .custom-dropdown__trigger {
    border-color: var(--dropdown-border) !important;
    background: var(--dropdown-bg-hover) !important;
    box-shadow: none !important;
}
html body .single_add_to_cart_button.button:not(.gbw-knop-uit) {
    min-height: 50px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
}
html body .custom-dropdown__option.is-selected { background-color: #FFFFFF !important; }
html body .custom-dropdown__option:hover,
html body .custom-dropdown__option.is-selected:hover { background-color: var(--dropdown-bg-hover) !important; }

/* Gekozen waarde achter het label weg. "Kies een optie" blijft staan. */
html body .gbw-label__waarde { display: none !important; }

/* Infoknop als open rondje met vraagteken, direct achter de titel.
   De maat zit in het ::after-blokje, niet op de knop zelf. */
html body .gbw-info-knop {
    margin-left: 8px !important;
    margin-right: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    gap: 0 !important;
    font-size: 0 !important;
    background: none !important;
    align-self: center !important;
}
html body .gbw-info-knop svg { display: none !important; }
html body .gbw-info-knop::after {
    content: "?";
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    line-height: 14px;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    font-family: inherit;
    letter-spacing: 0;
    border: 1px solid #8FB0BE;
    border-radius: 50%;
    color: #4E7C91;
}
html body .gbw-info-knop:hover::after,
html body .gbw-info-knop[aria-expanded="true"]::after {
    border-color: #3B6577;
    color: #3B6577;
}

/* Velden dichter op elkaar */
html body form.variations_form { --wd-var-table-mb: 20px !important; }
html body table.variations { margin-bottom: 20px !important; }
html body table.variations td.value.cell { padding-bottom: 20px !important; }
html body table.variations tr:last-child td.value.cell { padding-bottom: 0 !important; }
html body .tc-container.cpf-element { margin: 0 0 10px 0 !important; }
html body .tc-row:last-child > .tc-container.cpf-element:last-child { margin-bottom: 0 !important; }
/* Elementor-template in de producttabs. De negative gap van Woodmart
   wordt door max-width afgekapt, waardoor het blok alleen naar links
   uitrekt. Daarom hier de marges en de dubbele padding eruit, zodat er
   één gootje van 25px overblijft. */
@media (max-width: 767px) {
    html body .woocommerce-Tabs-panel .elementor .e-con.wd-negative-gap {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    html body .woocommerce-Tabs-panel .elementor .e-con.wd-negative-gap > .e-con-inner > .e-con {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}@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 supercompact maken */
.woocommerce-breadcrumb {
  font-size: 13px;          /* kleine tekst */
  color: #666;              /* subtiel grijs */
  margin: 0 !important;     /* alle marge weghalen */
  padding: 0 !important;    /* alle padding weghalen */
  line-height: 1.2;         /* compacter regelhoogte */
}

.woocommerce-breadcrumb a {
  color: #666;              /* linkkleur */
  text-decoration: none;    /* geen underline */
}

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

/* Scheidingsteken iets compacter maken (optioneel) */
.woocommerce-breadcrumb span {
  margin: 0 3px;            /* minder ruimte rondom het scheidingsteken */
}

}