/*
 * Gebruik zoveel mogelijk nested CSS
 * Meer informatie: https://www.w3schools.com/cssref/sel_nesting.php
 */
.e-n-accordion-item:has(.elementor-widget:empty) {
    display: none !important;
}
.add_to_cart_button {
    white-space: normal;
    display: inline-block;
    max-width: 141px;
	width: 141px;
    text-align: center;
    line-height: 1.2;
}

/* Filter */
.dgwt-wcas-details-product-sku {
	margin-top: 10px !important;
	font-size: 10px !important;
}
.wpfFilterLayoutVer>li {
    min-width: 100.0000% !important;
}

.wpfClearButton.wpfButton {
    background-color: var(--e-global-color-fbb63fe) !important;
    font-family: "Roboto", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--e-global-color-07d567a) !important;
    border-radius: 5px !important;
    padding: 5px 20px !important;
    width: 100% !important;
    min-height: 40px !important;
}

/* Reviews.
 * De feed-layout (rij van 3 op desktop, kolom op mobiel) komt uit de module
 * awcf_woocommerce_cat_reviews.css (display:flex + flex-wrap:wrap op de feed,
 * item-breedte 33.333%). De vroegere dubbele .category-review-feed-regel hier
 * zette flex-direction:column en overschreef die rij-layout, waardoor reviews op
 * desktop onder elkaar kwamen. Verwijderd 2026-08-10. Alleen item-styling blijft. */

.category-review-feed .review-item {
    background: #fff;
    border-radius: 0px;
    padding: 16px 20px;
}

.category-review-feed .review-item .review-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    color: #888;
    margin-bottom: 8px;
}

.category-review-feed .review-item .review-meta .review-rating {
    font-size: 15px;
    color: var(--e-rating-icon-marked-color);
}

.category-review-feed .review-item .review-product {
    margin-bottom: 8px;
}

.category-review-feed .review-item .review-product a {
    font-size: 14px;
    font-weight: 600;
	line-height: 18px;
    color: var(--e-global-color-fbb63fe);
    text-decoration: none;
	display: block;
}

.category-review-feed .review-item .review-product a:hover {
    text-decoration: underline;
}

.category-review-feed .review-item .review-text {
    font-size: 14px;
    color: #444;
    line-height: 1.6;
    font-style: italic;
}


form.yith-wfbt-form {
	padding: 0px;
}

/* Product color attribute */



/* FBT "Maak uw bestelling compleet": nette uitlijning + checkbox als groene knop.
   - knop links; titel ernaast met de prijs er direct achter (doorlopende tekst)
   - "Kies productopties" op een eigen, volledige rij onderaan
   - uitgevinkt: wit vakje met groen "+"; aangevinkt: groen vakje met wit "✓"
   - niet beschikbaar (disabled): duidelijk grijze knop, niet klikbaar */
.yith-wfbt-section .yith-wfbt-items li.yith-wfbt-item label {
    padding-left: 0 !important;
    padding-right: 0 !important;
    position: relative;
    display: flow-root; /* bevat de gefloate knop, zodat de rijhoogte klopt */
    line-height: 1.5;
}

.yith-wfbt-section .yith-wfbt-items li.yith-wfbt-item label > input[type="checkbox"] {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    position: static !important;
    float: left;
    width: 34px !important;
    height: 34px !important;
    margin: 0 12px 0 0 !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' stroke='%2302b900' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: background-color .15s ease, border-color .15s ease;
}

.yith-wfbt-section .yith-wfbt-items li.yith-wfbt-item label > input[type="checkbox"]:hover:not(:checked) {
    background-color: #eafbe9 !important;
    border-color: #02b900 !important;
}

/* aangevinkt: groene knop met vinkje */
.yith-wfbt-section .yith-wfbt-items li.yith-wfbt-item label > input[type="checkbox"]:checked {
    background-color: #02b900 !important;
    border-color: #02b900 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 13l4 4L19 7' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* niet beschikbaar: duidelijk grijs en niet klikbaar */
.yith-wfbt-section .yith-wfbt-items li.yith-wfbt-item label > input[type="checkbox"]:disabled {
    background-color: #ffffff !important;
    border-color: #b3b3b3 !important;
    cursor: pointer !important;
    opacity: 1 !important;
    pointer-events: none !important; /* klik valt door naar label -> JS opent de modal */
}

/* variabel product: hele vakje/label klikbaar -> opent "Kies productopties"-modal */
.yith-wfbt-section .yith-wfbt-items li.choise-variation label {
    cursor: pointer;
}

/* Titel + prijs als doorlopende tekst, zodat de prijs direct achter de titel valt */
.yith-wfbt-section .yith-wfbt-items li.yith-wfbt-item label > a:not(.yith-wfbt-open-modal),
.yith-wfbt-section .yith-wfbt-items li.yith-wfbt-item label .price {
    display: inline;
}

/* "Kies productopties" op een eigen, volledige rij onderaan (grijze balk) */
.yith-wfbt-section .yith-wfbt-items li.yith-wfbt-item label > a.yith-wfbt-open-modal {
    display: block;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    margin: 15px 0 0 0;
    padding: 10px;
    background: #766555;
	color: #fff !important;
    text-align: center;
    height: auto !important;
}

.yith-wfbt-section .yith-wfbt-items li.yith-wfbt-item label:has(> input[type="checkbox"]:disabled) {
    color: #9a9a9a;
}

/* ==========================================================================
   Slide-cart (Elementor Menu Cart off-canvas) - nette opmaak
   ========================================================================== */
.elementor-menu-cart__main {
    font-family: "Roboto", sans-serif;
}

/* productlijst */
.elementor-menu-cart__main ul.woocommerce-mini-cart {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* los product */
.elementor-menu-cart__main li.mini_cart_item {
    position: relative;
    padding: 16px 30px 16px 0;
    margin: 0;
    border-bottom: 1px solid #efeae3;
    list-style: none;
}

/* afbeelding + naam naast elkaar */
.elementor-menu-cart__main li.mini_cart_item > a:not(.remove) {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #123c57;
    font-weight: 500;
    line-height: 1.3;
    text-decoration: none;
}

.elementor-menu-cart__main li.mini_cart_item > a:not(.remove) img {
    width: 60px !important;
    height: 60px !important;
    flex: 0 0 60px;
    object-fit: cover;
    border-radius: 8px;
}

/* aantal + prijs onder de naam, uitgelijnd voorbij de afbeelding */
.elementor-menu-cart__main li.mini_cart_item .quantity {
    display: block;
    margin: 8px 0 0 74px;
    color: #7f7c75;
    font-size: 14px;
}

/* verwijder-knop netjes rechtsboven */
.elementor-menu-cart__main li.mini_cart_item a.remove.remove_from_cart_button {
    position: absolute;
    top: 14px;
    right: 0;
    width: 22px;
    height: 22px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    background: #f2f2f2;
    color: #7f7c75 !important;
    font-size: 16px;
    text-decoration: none;
}

.elementor-menu-cart__main li.mini_cart_item a.remove.remove_from_cart_button:hover {
    background: #123c57;
    color: #fff !important;
}

/* subtotaal */
.elementor-menu-cart__main .woocommerce-mini-cart__total {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 16px 0;
    border-top: 2px solid #efeae3;
    font-size: 16px;
    color: #123c57;
}

.elementor-menu-cart__main .woocommerce-mini-cart__total strong {
    font-weight: 600;
}

/* knoppen onder elkaar, in huisstijl */
.elementor-menu-cart__main .woocommerce-mini-cart__buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
}

.elementor-menu-cart__main .woocommerce-mini-cart__buttons a.button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 20px !important;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    text-decoration: none;
}

/* secundair: Bekijk winkelwagen */
.elementor-menu-cart__main .woocommerce-mini-cart__buttons a.button:not(.checkout) {
    background: #fff !important;
    color: #123c57 !important;
    border: 2px solid #123c57 !important;
}

.elementor-menu-cart__main .woocommerce-mini-cart__buttons a.button:not(.checkout):hover {
    background: #123c57 !important;
    color: #fff !important;
}

/* primair: Afrekenen */
.elementor-menu-cart__main .woocommerce-mini-cart__buttons a.button.checkout {
    background: #00b1cf !important;
    color: #fff !important;
    border: 2px solid #00b1cf !important;
}

.elementor-menu-cart__main .woocommerce-mini-cart__buttons a.button.checkout:hover {
    background: #123c57 !important;
    border-color: #123c57 !important;
    color: #fff !important;
}

/* ==========================================================================
   Samengevoegd vanuit child style.css (30-06-2026)
   ========================================================================== */

/* Hide "Standaard accessoires" filter widget on the rollator product category only */
body.term-rollator .wpfFilterWrapper[data-get-attribute="wpf_filter_standaard-accessoires"] {
    display: none !important;
}

/* Force WBW filter wrappers visible - workaround voor JS init die visibility:hidden niet altijd opheft */
.elementor-widget-woofilters .wpfMainWrapper .wpfFilterWrapper {
    visibility: visible !important;
}

/* Cart sidebar (Elementor menu-cart) boven Trusted Shops trustbadge - z-index hoger dan TS embed.
   (Samengevoegd met de oude Customizer-regel voor .elementor-menu-cart__container.) */
.elementor-menu-cart__container,
.elementor-menu-cart__main {
    z-index: 2147483647 !important;
}

/* Trusted Shops trustbadge - lager dan cart sidebar zodat cart erover heen valt.
   Geforceerd witte achtergrond op container + iframe zodat de badge identiek
   ogen aan de homepage. Brede selectorset omdat TS in de loop der jaren meer
   id/class-prefixen gebruikt heeft (trustbadge-, minimized-trustbadge-,
   trustcard-, etrusted-) plus een :has()-fallback op iframes met TS-src. */
[id^="trustbadge-container"],
[id^="trustbadge-floating"],
[id^="trustbadge-minimized"],
[id^="minimized-trustbadge"],
[id^="trustbadge-iframe"],
[id^="trustbadge-top-bar"],
[id^="trustcard"],
[id^="etrusted"],
[class*="trustbadge"],
[class*="trustcard"],
[class*="etrusted"],
*:has(> iframe[src*="trustedshops"]),
*:has(> iframe[src*="trustbadge"]) {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
[id^="trustbadge-container"] {
    z-index: 99000 !important;
}
iframe[id^="trustbadge"],
iframe[src*="trustedshops"],
iframe[src*="trustbadge"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color-scheme: normal;
}

/* Home > "Ontdek de categorieen" loop-carousel: arrows links/rechts naast de slides op tablet/mobile.
   Side-padding op de widget verkleint het swiper-gebied, zodat de pijltjes in de padding-zone vallen en niet bovenop de afbeeldingen. */
@media (max-width: 1024px) {
    .elementor-element-ff9cc2a,
    .aw_home_cat_carousel {
        position: relative;
        padding: 0 40px;
    }
    .elementor-element-ff9cc2a .elementor-swiper-button,
    .aw_home_cat_carousel .elementor-swiper-button {
        position: absolute !important;
        top: 50% !important;
        bottom: auto !important;
        transform: translateY(-50%) !important;
        z-index: 5;
    }
    .elementor-element-ff9cc2a .elementor-swiper-button-prev,
    .aw_home_cat_carousel .elementor-swiper-button-prev {
        left: 0 !important;
        right: auto !important;
    }
    .elementor-element-ff9cc2a .elementor-swiper-button-next,
    .aw_home_cat_carousel .elementor-swiper-button-next {
        right: 0 !important;
        left: auto !important;
    }
    span.sub-arrow {
        display: block !important;
    }
}

/* Delivery promise-box onder product titel (single product page) */
.aw-delivery-promise {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    margin: 12px 0 18px;
    background: #ebf9f0;
    border-left: 4px solid #2ea65a;
    border-radius: 4px;
    font-size: 0.95em;
    line-height: 1.4;
}
.aw-delivery-promise .aw-delivery-icon {
    font-size: 20px;
    flex-shrink: 0;
    line-height: 1;
}
.aw-delivery-promise .aw-delivery-text {
    font-weight: 600;
    color: #145a32;
}

/* AWCC cart + checkout: groen #55a355 -> brand-blauw #00B1CF.
   Scoped op AWCC's eigen wrappers (.awwcc-full-cart / .awcc-checkout-steps)
   zodat third-party widgets zoals de Trusted Shops trustbadge (die ook
   buttons buiten z'n iframe injecteert) er niet door geraakt worden. */
.awwcc-full-cart button,
.awwcc-full-cart .btn-primary,
.awwcc-full-cart .button {
    border-color: #00B1CF !important;
    background-color: #00B1CF !important;
    color: #ffffff !important;
}
.awwcc-full-cart button:hover,
.awwcc-full-cart .btn-primary:hover,
.awwcc-full-cart .button:hover,
.awwcc-full-cart .btn:hover {
    color: #00B1CF !important;
    background-color: #ffffff !important;
    border-color: #00B1CF !important;
}
.awcc-checkout-steps button,
.awcc-checkout-steps .btn,
.awcc-checkout-steps .btn-primary {
    border-color: #00B1CF !important;
    background-color: #00B1CF !important;
    color: #ffffff !important;
}
.awcc-checkout-steps button:hover,
.awcc-checkout-steps .btn:hover,
.awcc-checkout-steps .btn-primary:hover {
    color: #00B1CF !important;
    background-color: #ffffff !important;
    border-color: #00B1CF !important;
}
body.woocommerce-checkout .awcc-step.completed {
    background: #00B1CF !important;
}

/* AWCC's plugin-CSS gebruikt body.woocommerce-cart button (groen) en zou TS'
   trustbadge-toggle raken. Forceer hier wit zodat de TS-badge altijd op een
   witte achtergrond zit, ongeacht TS' eigen hash-classes (_7ixk04, _13b9aot,
   etc.) of AWCC's button-rule.
   GEEN overflow:hidden — TS gebruikt intern transforms/negatieve offsets om
   de visible badge binnen de fixed container te plaatsen; clippen sloopt
   dat op <= 1024px en de badge verdwijnt dan helemaal. */
[id^="trustbadge-container"],
[id^="trustbadge-container"] > div,
[id^="trustbadge-container"] > div > div,
[id^="trustbadge-container"] button,
[id^="minimized-trustbadge"],
[id^="trustbadge-minimized-menu-button"] {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 0 !important;
    color: inherit !important;
    border-radius: 8px !important;
}

/*
 * Reviews: toon de "geef sterren"-rij maar één keer.
 * De single-product Elementor-template bevat twee woocommerce-product-data-tabs
 * widgets (een desktop- en een mobiele variant). Door de dubbele select#rating
 * maakt de WooCommerce sterren-JS twee <p class="stars"> binnen hetzelfde
 * review-formulier, die direct onder elkaar verschijnen. Deze regel verbergt elke
 * extra sterrenrij na de eerste, zodat er nog maar één keuze-optie zichtbaar is.
 */
.comment-form-rating p.stars ~ p.stars {
    display: none !important;
}

/*
 * Eigen "sticky" Trusted Shops badge (seal-zegel) rechtsonder, op alle pagina's
 * behalve de homepage. Vervangt de native trustbadge die op mobiel inklapte bij
 * scrollen. Altijd zichtbaar; op mobiel iets kleiner. Zie aw_ts_sticky_badge().
 */
.aw-sticky-badge {
    position: fixed;
    right: 16px;
    bottom: 20px;
    z-index: 99000;
    line-height: 0;
}

@media (max-width: 767px) {
    .aw-sticky-badge {
        right: 10px;
        bottom: 16px;
        transform: scale(0.8);
        transform-origin: bottom right;
    }
}

/* ==========================================================================
   Samengevoegd vanuit Customizer > Aanvullende CSS (30-06-2026)
   ========================================================================== */

body, html {
    overflow-x: hidden;
}

.header_badge.elementor-widget.elementor-widget-html {
    margin: -20px !important;
}

.aw_menubalk a#elementor-menu-cart__toggle_button {
    border: 0px;
    padding: 0px;
}

.variable-items-wrapper .variable-item {
    border-radius: 0px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

body .variable-items-wrapper .variable-item.button-variable-item {
    border-radius: 0px !important;
    padding: 18px 5px !important;
    font-size: 16px !important;
}

.variable-items-wrapper.button-variable-items-wrapper {
    gap: 2px !important;
}

.woocommerce div.product form.cart .variations label {
    font-size: 20px !important;
    line-height: 20px !important;
    font-weight: 300 !important;
    margin-bottom: -8px !important;
}



.aw-subcategory-slider__link,
.aw-subcategory-slider__title {
    color: #00B1CF !important;
}

th.label span.woo-selected-variation-item-name {
    display: none !important;
}

.dgwt-wcas-search-input {
    border-color: #EFEAE3 !important;
    border-width: 3px !important;
    border-radius: 100px !important;
    color: #766555 !important; /* 2026-09-02 - donkerbruin voor betere leesbaarheid ouderen */
    font-weight: 700 !important; /* 2026-09-02 - vet, voor betere leesbaarheid ouderen */
    text-align: center !important;
    max-width: 500px !important;
}

.underline a {
    text-decoration: underline;
    color: #fff !important;
}

.dgwt-wcas-no-submit .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    padding: 20px 15px 20px 40px;
}

.menu_blue a {
    color: #00B1CF !important;
}

.menu_blue .sub-menu li a {
    color: #fff !important;
}

input#dgwt-wcas-search-input-1 {
    text-align: left !important;
}

input#dgwt-wcas-search-input-1::placeholder {
    color: #766555 !important; /* 2026-09-02 - donkerbruin, was #7f7c75 grijs */
    text-decoration: none;
    font-style: normal;
    font-weight: 700;
    opacity: 1;
}

.cat_text h2,
.cat_text h3,
.cat_text h4 {
    font-size: 18px !important;
    margin-bottom: 0px !important;
    margin-top: 20px !important;
    font-weight: bold;
}

.elementor-widget-woocommerce-product-content h1,
.elementor-widget-woocommerce-product-content h2,
.elementor-widget-woocommerce-product-content h3 {
    font-size: 19px !important;
    margin-bottom: 0px !important;
    margin-top: 20px !important;
    font-weight: bold;
}

.vwish-button .fa-solid,
.vwish-button .fa-regular {
    font-size: 22px;
}

button.vwish-button.vwish-minimal.vwish-corners-rounded.icon-only {
    padding: 0px;
}

.vwish-button.icon-only {
    min-width: auto;
}

a.page-numbers {
    border: 1px #efeae3 solid;
    padding: 5px 10px;
}

a.woocommerce-review-link {
    text-decoration: underline;
}

.quantity input {
    border: #efeae3 2px solid;
    border-radius: 90px !important;
    text-align: center;
    width: 100px !important;
}

span.elementor-icon-list-text a {
    width: auto !important;
    float: left !important;
    display: contents !important;
}

table.variations,
table.variations td,
table.variations th {
    background: #ffffff !important;
}

table.variations th.label {
    padding-left: 0;
}

table.variations li.variable-item.selected,
table.variations li.variable-item:hover {
    background: #efeae3 !important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected,
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover {
    box-shadow: none;
}

p.price {
    margin-bottom: 0;
}

.aw_upsells:not(:has(.e-loop-item)) {
    display: none;
}

.elementor-nav-menu .sub-arrow {
	padding-left: 0px;
}

/* WooCommerce-knoppen (4 dubbele Customizer-regels samengevoegd tot 1) */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background-color: #02b900 !important;
    color: #fff !important;
    border-radius: 90px !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background-color: #123C57 !important;
}

.woocommerce-message {
    border: 0px !important;
}

.elementor-menu-cart__footer-buttons {
    display: flex;
    flex-direction: column;
}

a.elementor-button.elementor-button--view-cart.elementor-size-md {
    background: #efeae3;
    color: #7f7c75;
    border-radius: 90px;
    border: 0px !important;
}

a.elementor-button.elementor-button--checkout.elementor-size-md {
    color: #fff;
    background-color: #00b1cf !important;
    border-radius: 90px;
}

.elementor-widget-woocommerce-cart .woocommerce button.button {
    border: 0px;
}

.elementor-widget-fibosearch,
.dgwt-wcas-suggestions-wrapp,
.dgwt-wcas-details-wrapp {
    font-family: roboto;
}

li.yith-wfbt-item {
    background: #efeae3;
    border-radius: 0px;
    padding: 10px;
    display: inline-block;
    width: 100%;
}

.yith-wfbt-item a,
.yith-wfbt-item span.price {
    color: #7a7a7a !important;
    font-weight: 500;
    font-size: 14px !important;
    line-height: 17px;
}

.yith-wfbt-section.woocommerce h2 {
    font-family: "Roboto", Sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 20px;
    color: var(--e-global-color-text);
    margin-bottom: 0;
}

.aw_cat_slider_img img {
    max-height: 200px;
    height: 200px;
    object-fit: cover;
}

.aw_bestelling_compleet:has(.elementor-widget-loop-grid:not(:has(.e-loop-item))) {
    display: none !important;
}

@media (max-width: 1600px) {
    .elementor-swiper-button.elementor-swiper-button-prev {
        left: 0px !important;
    }
    .elementor-swiper-button.elementor-swiper-button-next {
        right: 0px !important;
    }
}

@media (max-width: 1239px) {
    .elementor-swiper-button svg {
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .awcf-sticky-add-to-cart {
        display: none !important;
    }
}

button.wc-main-nav.wc-main-next,
button.wc-main-nav.wc-main-prev {
    padding: 6px;
    background: #766555;
    border-radius: 0px;
}
.wc-main-right .wc-main-nav svg {
    fill: #fff !important;
}

.cmplz-btn.cmplz-deny {
    display: none;
}

.aw-subcategory-slider {
    margin-bottom: 0px !important;
}

.awcf-sticky-add-to-cart__inner {
    background: #f6f5f8;
    border-top: 1px solid #efeae3;
}

.wit a {
    color: #fff;
}

.dialog-type-lightbox {
    z-index: 99999;
}

.elementor-widget-woocommerce-archive-description .term-description h1,
.elementor-widget-woocommerce-archive-description .term-description h2,
.elementor-widget-woocommerce-archive-description .term-description h3,
.elementor-widget-woocommerce-archive-description .term-description h4 {
    font-size: inherit !important;
}

.link_blauw a {
    color: #00B1CF;
}

.yith-wfbt-items li:first-child,
.tzw-single-product-upsells .wpm_gtin_code_wrapper {
    display: none;
}

.aw-delivery-text {
    margin-bottom: 0px !important;
}

@media (max-width: 768px) {
    .awcf-sticky-add-to-cart .add_to_cart_button {
        max-width: fit-content !important;
        width: auto !important;
        color: #fff !important;
        padding: 10px !important;
        border-radius: 90px;
        background: #02b900;
    }
    .product_title .product_title.entry-title {
        display: block !important;
    }
}

@media (max-width: 600px) {
    .aw-subcategory-slider__inner img {
        display: none !important;
    }
    .aw-subcategory-slider .aw-subcategory-slider__nav,
    button.aw-subcategory-slider__nav {
        width: 20px !important;
        height: 20px !important;
    }
    .aw-subcategory-slider__link {
        min-height: 45px;
        padding: 5px;
    }
    .aw-subcategory-slider__title {
        font-size: 11px !important;
    }
    .aw-subcategory-slider .aw-subcategory-slider__item {
        padding: 0 4px;
    }
	.quantity input {
		max-width: 60px;
	}
}

.modal {
    height: auto !important;
}

button#yith-wfbt-submit-variation {
    background-color: #02B900 !important;
    border: 0px;
    color: #fff;
    border-radius: 90px;
    font-weight: bold;
    padding: 14px;
}

button#yith-wfbt-submit-variation:hover {
    background-color: #123c57 !important;
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
    .home_hero_laptop_size {
        min-height: 400px !important;
    }
}

select#wpfSortProducts {
    max-width: 205px;
    float: right;
    margin-right: -3px;
}
/*
 * Sterren door de prijs heen op mobiel (gemeld door klant, 2026-07-23).
 * Het product-loop-template (Elementor 193425) trekt de rating-widget op
 * mobiel (<=767px) met margin-top:-8px omhoog. Bij AFGEPRIJSDE producten met
 * lange prijzen (bijv. 3.995,00 -> 3.599,00) klapt de prijs op smalle
 * schermen over twee regels en staan de sterren dwars door de actieprijs.
 * Reset daarom die negatieve marge op mobiel (!important: de Elementor-regel
 * kan later in de cascade geprint worden dan dit stylesheet).
 */
@media (max-width: 767px) {
    .elementor-193425 .elementor-element.elementor-element-4053835,
    .aw_loop_rating {
        margin-top: 0 !important;
    }
}

/*
 * Lelijk afgebroken woorden op mobiel (gemeld door klant, 2026-07-23).
 * Elementor Pro's widget-loop-common.css bevat ".e-loop-item * {
 * word-break: break-word }": ALLES in een Loop Grid-item (producttitels,
 * categorielinks) mag daardoor midden in een woord breken ZONDER
 * afbreekstreepje (bijv. "Bloeddrukmet/er", "Rolstoelaccess/oires").
 * Override: normaal afbreken tussen woorden; past een lang woord echt niet,
 * dan met een net afbreekstreepje (hyphens, werkt dankzij html lang="nl-NL").
 * !important omdat Elementor die widget-CSS soms later in de body print.
 */
.e-loop-item,
.e-loop-item * {
    word-break: normal !important;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/*
 * Uniforme knopstijl cat-pagina's (klantverzoek 2026-07-23): de "Lees meer"-
 * knop bij het uitgelichte blogbericht (Elementor button-widget b501f85 in
 * loop-template 194684, hoort bij geen AWCF-module) meesturen naar 16px
 * (14px mobiel). Achtergrond #00b1cf en radius 10px komen al uit Elementor.
 * De overige knoppen zijn in hun eigen module-CSS aangepast:
 * awcf_category_faq, awcf_woocommerce_cat_reviews, awcf_custom_read_more.
 */
.elementor-element-b501f85 a.elementor-button,
    .aw_loop_readmore_btn a.elementor-button {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4 !important; /* zelfde knophoogte (46px) als de module-knoppen (Elementor-kit zet 1) */
}

@media (max-width: 768px) {
    .elementor-element-b501f85 a.elementor-button,
    .aw_loop_readmore_btn a.elementor-button {
        font-size: 14px;
    }
}

body.woocommerce-cart div .quantity .qty {
	padding-left: 10px !important;
	width: 60px !important;
}


.cr-overall-stars .cr-stars-full {
    color: #E6C900 !important;
}

/* =========================================================
   FiboSearch (dgwt-wcas) live results — o.a. mobiele header-zoekbalk.
   1. Weg met de groene onderstreping (#02b900) die de globale link-stijl
      onder de resultaten (titels + prijzen + kopjes) legt.
   2. Iets kleiner tekstformaat en minder padding in de resultaten.
   (Scroll-/overlay-aanpassingen zijn bewust teruggedraaid: de zoekfunctie
    gebruikt weer het normale, standaard FiboSearch-gedrag.)
   ========================================================= */

/* 1. Groene underline verwijderen. De hele suggestie is één <a> met
   text-decoration:underline, dus dit haalt de streep onder zowel de titel
   als de prijs weg. De <del>-doorhaling van de oude prijs blijft intact. */
.dgwt-wcas-suggestions-wrapp a,
.dgwt-wcas-details-wrapp a,
.dgwt-wcas-suggestion,
.dgwt-wcas-suggestion:hover,
.dgwt-wcas-suggestion:focus,
.dgwt-wcas-suggestions-wrapp ins,
.dgwt-wcas-details-wrapp ins {
    text-decoration: none !important;
    border-bottom: 0 !important;
}

/* 2. Kleiner + compacter. Font op de suggestie cascadeert naar titel/prijs. */
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion {
    font-size: 14px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-st-title,
.dgwt-wcas-suggestions-wrapp .dgwt-wcas-suggestion-headline .dgwt-wcas-st {
    font-size: 14px !important;
}

/* =========================================================
   Productgrid (Elementor loop) — horizontale overloop op smalle schermen.
   De grid-cellen (.e-loop-item) houden standaard min-width:auto, waardoor ze
   niet krimpen onder hun intrinsieke inhoud (~172px). Op een smalle/gezoomde
   viewport (bv. iPhone met Display Zoom "Groter") past 2 × die breedte + gap
   niet meer, en valt de rechter kolom buiten beeld. min-width:0 laat de cel
   krimpen tot zijn 1fr-track, wat het probleem op elk toestel oplost.
   ========================================================= */
.e-loop-item {
    min-width: 0;
}





.aw-vgl-table .aw-vgl-group > th {
background-color: #efeae3 !important;
}
.aw-vgl-table tr:nth-child(odd) {
    background-color: #efeae375 !important;
}

.aw-vgl-table tbody .aw-vgl-rowlabel,
.aw-vgl-table .aw-vgl-spec > td {
	background: none !important; 
	background-color: none !important;
}
/* ==========================================================================
   FiboSearch: dubbele mobiele zoekbalk in de header opruimen
   --------------------------------------------------------------------------
   De mobiele zoek-block (.elementor-element-edc467d, class aw_search_mobile)
   staat TWEE keer identiek in de Elementor-header. Daardoor lagen op mobiel
   twee zoekvelden over elkaar: de cursor leek gecentreerd en op iPhone landde
   een tik op het verkeerde (onzichtbare) veld -> 'er gebeurt niets'.
   We verbergen het tweede, dubbele block; het eerste blijft volledig werkend
   (autocomplete + submit). text-align links zodat de cursor direct achter het
   vergrootglas begint. (Klantfeedback 2026-08-20.)
   Gehangen aan de AW-container-class .aw_search_mobile (blijft stabiel bij
   header-herbouw, i.t.t. een Elementor-element-id). De twee blokken zijn
   siblings, dus de ~-combinator verbergt het tweede.
   ========================================================================== */
.aw_search_mobile ~ .aw_search_mobile {
    display: none !important;
}
.aw_search_mobile .dgwt-wcas-search-input {
    text-align: left !important;
}

/* ==========================================================================
   Gemigreerd uit Elementor "Aangepaste CSS"-velden -> geen inline/widget-CSS
   meer in Elementor. Bron per blok vermeld. (Migratie 2026-08-20.)
   ========================================================================== */

/* [Header #193384 - pagina] FiboSearch resultaat-styling + gevulde sterren */
.dgwt-wcas-details-product-sku {
    font-size: 8px !important;
    line-height: 200% !important;
    margin-top: 5px;
}
.dgwt-wcas-details-wrapp,
.dgwt-wcas-details-wrapp *,
.dgwt-wcas-suggestions-wrapp,
.dgwt-wcas-suggestions-wrapp * {
    font-size: 17px !important;
}
.woocommerce .star-rating:before {
    color: #FFE217 !important;
}

/* [Header #193384 - FiboSearch-widgets 4367f8f/366e225] placeholder-grootte */
.dgwt-wcas-search-input::placeholder {
    font-size: 15px;
}

/* [Loop - Producten #193425 - pagina] Euroteken verbergen in productlijsten en
   op de single-product pagina (zoals de oorspronkelijke Loop-CSS deed). Cart en
   checkout tonen het Euroteken wel -> daarom gescoped i.p.v. globaal. */
.single-product .woocommerce-Price-currencySymbol,
.post-type-archive-product .woocommerce-Price-currencySymbol,
.tax-product_cat .woocommerce-Price-currencySymbol,
.search-results .woocommerce-Price-currencySymbol {
    display: none !important;
}

/* [Loop - Producten #193425 - rating-widget] lege-ster kleur (legacy: wordt door
   de gele !important-regel hierboven overschreven; getrouw overgenomen) */
.woocommerce .star-rating:before {
    color: #d1cbd9;
}

/* [Single - product #193689 - pagina] variatie-swatches + variations-tabel */
.variable-items-wrapper.button-variable-items-wrapper {
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    padding: 0 !important;
    list-style: none !important;
}
.variable-items-wrapper .variable-item.button-variable-item {
    border: 2px solid #ccc !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    background: #fff !important;
    transition: all 0.2s !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
}
.variable-items-wrapper .variable-item.button-variable-item:hover {
    border-color: var(--e-global-color-fbb63fe) !important;
    color: var(--e-global-color-fbb63fe) !important;
    background: #f7f7f7 !important;
}
.variable-items-wrapper .variable-item.button-variable-item.selected,
.variable-items-wrapper .variable-item.button-variable-item[aria-checked="true"] {
    border-color: var(--e-global-color-fbb63fe) !important;
    background-color: var(--e-global-color-fbb63fe) !important;
    color: #fff !important;
    font-weight: 700 !important;
}
table.variations .label,
table.variations th.label {
    height: auto !important;
    min-height: 0 !important;
    line-height: 0 !important;
}
table.variations .label label,
table.variations th.label label {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 6px !important;
    display: block !important;
    line-height: normal !important;
}
.variations td,
.variations th {
    padding: 4px 0 !important;
    vertical-align: top !important;
}

/* [Single - product #210115 - template] variatieprijs (na maatkeuze) dikgedrukt +
   ademruimte tot de qty/winkelwagen-rij, stond er kaal tegenaan (ticket #12475) */
.woocommerce-variation-price {
    margin-bottom: 15px !important;
}
.woocommerce-variation-price .price {
    font-family: "Roboto", Sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
}
@media (max-width: 767px) {
    .woocommerce-variation-price .price {
        font-size: 20px !important;
        line-height: 20px !important;
    }
}

/* [Loop - categorie #193408 - pagina] categorie-thumbnail */
.loop-cat-thumb {
    width: 100%;
    height: 220px;
    background: #eee;
}

/* Checkout (AWCC-accordeon): "Doorgaan"-knoppen in merkblauw i.p.v. groen.
   AWCC zet ze op var(--awcc-cta) (#1f7a3a) met .awcc-accordion .awcc-block-next.
   De actieve (is-open) stap heeft een net hardnekkiger achtergrond, daarom
   scopen we iets specifieker (.awcc-block) + background-shorthand.
   (Klantverzoek 2026-08-20.) */
.awcc-accordion .awcc-block .awcc-block-next {
    background: #00b1cf !important;
    background-color: #00b1cf !important;
    border-color: #00b1cf !important;
    color: #fff !important;
}
.awcc-accordion .awcc-block .awcc-block-next:hover,
.awcc-accordion .awcc-block .awcc-block-next:focus {
    background: #009cb8 !important;
    background-color: #009cb8 !important;
    border-color: #009cb8 !important;
    color: #fff !important;
}

/* 2026-09-02 - bezorgmethode(s) tijdelijk uit; verberg 'Verzending'-rij + 'voer je adres in'-melding in winkelmand-totalen. !important om zeker te winnen van theme/Elementor-CSS (zie module-comment). */
.woocommerce-cart .cart_totals .row.shipping { display: none !important; }

/* 2026-09-02 - favoriet-hart gevuld tonen als 'in wishlist' i.p.v. alleen omlijnd/gekleurd. De plugin swap't het icoon niet (blijft fa-regular fa-heart), en zet alleen color: var(--vwish-in-wishlist-color) op de button. Wij tonen de solid-variant door font-weight naar 900 te bumpen op dezelfde glyph -- Font Awesome levert regular/solid uit dezelfde font-family via het gewicht. */
.vwish-button.vwish-minimal.in-wishlist .fa-heart {
    font-weight: 900 !important;
}

/* 2026-09-02 - AWCC checkout-topbar align: logo (img) en 'Veilig afrekenen'-span uitlijnen.
 * Root cause: .awcc-topbar-logo erfde default line-height (~1.4). De inline-block anchor
 * met daarin de img (34px block) zit op de baseline van de line-box; de strut geeft
 * descender-ruimte ONDER het img. Daardoor is de div iets hoger dan 34px met het img
 * bovenin geconcentreerd -> img-midden ligt hoger dan div-midden -> logo ogen 'omhoog'
 * bij align-items:center op de parent. Fix: line-height:0 op de logo-div elimineert de
 * strut, div-hoogte = exact img-hoogte, midden klopt. Op mobiel schaalt dit vanzelf mee
 * (logo daar 22px). Line-height:1 op de secure-span is dezelfde reden: default 1.5 zou
 * anders de span oprekken. Geen min-height meer (was overshoot voor mobiel). */
.awcc-checkout-topbar .awcc-topbar-secure {
    line-height: 1;
}
.awcc-checkout-topbar .awcc-topbar-logo {
    line-height: 0;
}

/* --- mobile cart fixes 2026-09-02 --- */
/* Op mobiel (<768px) stapelen cart-items, coupon-blok en totalen verticaal, waardoor de "Doorgaan naar afrekenen"-knop pas na veel scrollen zichtbaar is. Sticky knop onderaan viewport lost dit op. Thumbnails van 300px zijn te groot op mobiel; naar ~80px halveert scroll-lengte. Alleen op smalle viewports, want vanaf md (768px) staat de knop al zichtbaar in de rechterkolom. */
@media (max-width: 767.98px) {
    body.woocommerce-cart .wc-proceed-to-checkout {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        margin: 0;
        padding: 12px 16px;
        background: #fff;
        box-shadow: 0 -2px 8px rgba(0, 0, 0, .12);
    }
    body.woocommerce-cart .wc-proceed-to-checkout .btn {
        display: block;
        width: 100%;
        text-align: center;
    }
    body.woocommerce-cart .awwcc-full-cart {
        padding-bottom: 90px;
    }
    body.woocommerce-cart .cart-item-row .cart-item-remove img {
        max-width: 80px;
        height: auto;
    }
    body.woocommerce-cart .cart-item-row {
        padding: 8px 0;
    }
}

/* velocity-wishlist: verberg sluitkruis in toast-notificatie (auto-hide na 4/6s + backdrop-click blijven werken) */
.vwish-notification-close { display: none; }

/* velocity-wishlist: tekst verticaal centreren t.o.v. checkmark (X-knop is weg, dus rechter-padding krimpen) */
.vwish-notification-content { align-items: center; padding-right: 16px; }

/* velocity-wishlist: de knop "Bekijk Wishlist" in de toast kreeg de groene accentkleur van de
   Elementor-kit. De plugin zet zelf color:#fff op .vwish-notification-link (0,1,0), maar
   .elementor-kit-210105 a (0,2,0) wint daarvan. Eigen selector met hogere specificiteit
   (0,2,1) zet hem terug op wit, zonder !important en zonder het kit-id hard te noemen. */
.vwish-notification a.vwish-notification-link,
.vwish-notification a.vwish-notification-link:hover,
.vwish-notification a.vwish-notification-link:focus {
    color: #fff;
}

/* Fix: mobiele sticky FiboSearch (edc467d, ~40px hoog) heeft geen werkende spacer op mobiel/tablet, waardoor de eerste content-heading (h1) achter de zoekbalk valt. Reserveer 50px flow-ruimte voor de eerste content-container van wp-page templates (raakt niet: product-archief, single product, blog-single, homepage-via-elementor-canvas). */
@media (max-width: 1024px) {
    [data-elementor-type="wp-page"] > .elementor-element:first-child {
        margin-top: 50px;
    }
    /* Uitbreiding op de wp-page fix hierboven: WooCommerce-templates (single product +
       product-archive) hebben geen eigen 50px marge, waardoor breadcrumb en eventuele
       ATC-notice half achter de sticky mobiele zoekbalk vallen. Notices-wrapper is een
       sibling vóór de product-container in de flow en krijgt daarom zijn eigen regel;
       :not(:empty) voorkomt witruimte als er geen melding is. */
    [data-elementor-type="product"] > .elementor-element:first-child,
    [data-elementor-type="product-archive"] > .elementor-element:first-child {
        margin-top: 50px;
    }
    .woocommerce-notices-wrapper:not(:empty) {
        margin-top: 50px;
    }
    /* Home-hero: geen extra ruimte onder de sticky zoekbalk (bar is 40px, matcht exact). */
    .home [data-elementor-type="wp-page"] > .elementor-element:first-child {
        margin-top: 40px;
    }
    /* Single-product mobiel: iets dichter tegen de sticky zoekbalk (40 bar + 4 lucht i.p.v. 40+10). Klantverzoek 2026-09-09. */
    .single-product [data-elementor-type="product"] > .elementor-element:first-child {
        margin-top: 44px;
    }
}

/* Single-product desktop: iets meer lucht tussen header en product-inhoud (was 0, nu 28). Klantverzoek 2026-09-09. */
@media (min-width: 1025px) {
    .single-product [data-elementor-type="product"] > .elementor-element:first-child {
        margin-top: 28px;
    }
}

/* --- winkelmand mobiel: kassaknop bovenop en groen (2026-09-09) ---
 * De sticky "Doorgaan naar kassa"-balk stond op z-index 999 en verdween daardoor
 * volledig achter drie zwevende elementen: de Tawk-chatknop (z-index 1000003 in
 * een container van 2000000000), het Trusted Shops-zegel (99000) en de Complianz-
 * knop "Beheer toestemming" (9998). Gemeten op 09-09 bij 375px breed: de balk lag
 * op y788-844, de chatknop op x10-264 en de consent-knop op x151-335, allebei in
 * dezelfde strook. De knop was dus onzichtbaar en onklikbaar.
 *
 * De balk gaat nu boven alles en de knop krijgt dezelfde groene pil als
 * "In winkelwagen" op de productpagina (#02b900, radius 90px, bold).
 * Gevolg op deze ene pagina, alleen onder 768px: chatknop, zegel en consent-knop
 * vallen achter de balk. Die staan op elke andere pagina gewoon; de chatknop is
 * niet met CSS te verplaatsen (Tawk zet bottom:0px !important inline), dat vraagt
 * een Tawk-instelling of een klein stukje JS. */
@media (max-width: 767.98px) {
    body.woocommerce-cart .wc-proceed-to-checkout {
        z-index: 2000000001;
        /* Ruimte rondom de knop moet !important zijn, anders zet een bredere
         * .row-regel de zijkanten en de onderkant terug op 0 en plakt de knop
         * tegen de onderrand van het scherm (klantverzoek 09-09). */
        padding: 8px 12px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body.woocommerce-cart .wc-proceed-to-checkout .btn,
    body.woocommerce-cart .wc-proceed-to-checkout .btn:hover,
    body.woocommerce-cart .wc-proceed-to-checkout .btn:focus,
    body.woocommerce-cart .wc-proceed-to-checkout .btn:active {
        background-color: #02b900 !important;
        border-color: #02b900 !important;
        color: #fff !important;
        border-radius: 90px !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        padding: 14px 15px !important;
    }

    /* De balk is hoger geworden (56px -> 64px), dus meer ruimte onder de inhoud
     * zodat de laatste regel van de winkelmand niet achter de balk valt. */
    body.woocommerce-cart .awwcc-full-cart {
        padding-bottom: 110px;
    }
}