/* Doofinder-zoeklaag in de donkere huisstijl (2026-10-29). Logica: inc-doofinder-v2.php
   Doofinder werkt met --df-* variabelen; die zetten we hier. Een paar kleuren staan vast in hun CSS en worden apart overschreven.
   "html body .dfd-root" + !important: wint van de inline accentkleur uit het Doofinder-beheer en van de oude regels in site-header.css. */
html body .dfd-root{
  --df-accent-primary:#ff6b1a!important;--df-accent-primary-hover:#ff8a4a!important;--df-accent-primary-active:#e85a0c!important;--df-accent-on-primary:#160a02!important;
  --df-accent-secondary:#a69c91!important;--df-accent-secondary-active:#d6cdc2!important;--df-accent-tertiary:#2a2420!important;--df-accent-on-tertiary:#f4efe9!important;
  --df-neutral-background:#0d0c0b!important;--df-neutral-surface:#1a1714!important;--df-neutral-surface-variant:#221e1a!important;--df-neutral-disabled:#221e1a!important;
  --df-neutral-high-contrast:#f4efe9!important;--df-neutral-medium-contrast:#a69c91!important;--df-neutral-low-contrast:#5c544c!important;--df-neutral-outline:#2e2924!important;
  --df-neutral-on-background:#f4efe9!important;--df-neutral-on-primary:#f4efe9!important;
  --df-card-flag-discount-background:#ff6b1a!important;--df-card-flag-discount-color:#160a02!important;
  --df-card-flag-out-of-stock-background:#3a332c!important;--df-card-flag-out-of-stock-color:#f4efe9!important;
  color-scheme:dark!important;color:#f4efe9;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important
}
html body .dfd-root .dfd-layer{background-color:#0d0c0b!important;color:#f4efe9}
html body .dfd-root .dfd-backdrop{background-color:#000}

/* Zoekveld in de laag */
html body .dfd-root .dfd-searchbox{background:#1a1714!important;border:1px solid #2e2924!important;border-radius:999px!important}
html body .dfd-root .dfd-searchbox:focus-within{border-color:#ff6b1a!important;box-shadow:0 0 0 3px rgba(255,107,26,.22)!important}
html body .dfd-root .dfd-searchbox-input,html body .dfd-root input[type="text"],html body .dfd-root input[type="search"],html body .dfd-root textarea{color:#f4efe9!important;-webkit-text-fill-color:#f4efe9!important;caret-color:#ff6b1a;background-color:transparent!important}
html body .dfd-root .dfd-searchbox-input::placeholder,html body .dfd-root input::placeholder,html body .dfd-root textarea::placeholder{color:#7d746b!important;-webkit-text-fill-color:#7d746b!important}
html body .dfd-root .dfd-searchbox svg,html body .dfd-root .dfd-close-button svg{fill:#d6cdc2}
html body .dfd-root .dfd-close-button:hover svg{fill:#ff6b1a}

/* Productkaarten */
html body .dfd-root .dfd-card{background:#1a1714!important;border:1px solid rgba(255,107,26,.22)!important;border-radius:14px!important;color:#f4efe9!important;transition:border-color .2s,box-shadow .2s,transform .2s}
html body .dfd-root .dfd-card:hover{border-color:rgba(255,107,26,.85)!important;box-shadow:0 14px 36px -18px rgba(255,107,26,.45);transform:translateY(-2px)}
html body .dfd-root .dfd-card-media,html body .dfd-root .dfd-card-thumbnail{background:#fff;border-radius:10px;overflow:hidden}
html body .dfd-root .dfd-card-title{color:#f4efe9!important;font-weight:600}
html body .dfd-root .dfd-card-description{color:#a69c91!important}
html body .dfd-root .dfd-card-price{color:#f4efe9!important;font-weight:700}
html body .dfd-root .dfd-card-price--sale{color:#ff6b1a!important}
html body .dfd-root .dfd-card-price--sale~.dfd-card-price{color:#8a8076!important;font-weight:400}
/* Winkelwagenknop: zelfde groen als in de rest van de winkel */
html body .dfd-root .dfd-cart-add-button,html body .dfd-root .dfd-cart-check-button{--dfd-btn-bg:#12ad52!important;--dfd-btn-border-color:#12ad52!important;--dfd-btn-color:#fff!important;--dfd-btn-hover-bg:#0f9446!important;--dfd-btn-hover-border-color:#0f9446!important;--dfd-btn-hover-color:#fff!important;--dfd-btn-active-bg:#0d7f3c!important;--dfd-btn-active-color:#fff!important}
html body .dfd-root .dfd-cart-add-button svg,html body .dfd-root .dfd-cart-check-button svg{fill:#fff!important}
html body .dfd-root .dfd-card-select-quantity,html body .dfd-root .dfd-card-select-quantity *{color:#f4efe9}

/* Filters (zijkolom) */
html body .dfd-root .dfd-aside{background-color:#0d0c0b!important}
html body .dfd-root .dfd-facet{border-color:#2e2924!important}
html body .dfd-root .dfd-facet-title{color:#f4efe9!important;font-weight:600}
html body .dfd-root .dfd-facet-title::after,html body .dfd-root button.dfd-facet-title::after{filter:invert(1) brightness(.85)}
html body .dfd-root .dfd-btn-term-filter{--dfd-btn-color:#d6cdc2!important;--dfd-btn-hover-color:#f4efe9!important;--dfd-btn-hover-bg:#1a1714!important;color:#d6cdc2!important}
html body .dfd-root .dfd-facet-terms-count,html body .dfd-root .dfd-facet-footer,html body .dfd-root .dfd-meta{color:#8a8076!important}
/* Zoekveld in de filters: één rustig veld (de rand zit op de container, het invoerveld zelf is doorzichtig) */
html body .dfd-root .dfd-facet-search-container{background:#1a1714!important;border:1px solid #2e2924!important;border-radius:10px!important;height:40px!important;padding:6px 12px!important}
html body .dfd-root .dfd-facet-search-container:focus-within{border-color:#ff6b1a!important}
html body .dfd-root .dfd-facet-search-container .dfd-facet-searchbox,html body .dfd-root .dfd-facet-search-container input{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;color:#f4efe9!important}
html body .dfd-root .dfd-facet-search-container .dfd-icon,html body .dfd-root .dfd-facet-search-icon svg{color:#8a8076!important;fill:#8a8076!important}
html body .dfd-root .dfd-range-input{background:#1a1714!important;border:1px solid #2e2924!important;border-radius:10px!important;color:#f4efe9!important}
html body .dfd-root .dfd-range-input input{background:transparent!important;border:0!important}
html body .dfd-root .dfd-slider-connect{background:#ff6b1a!important}
html body .dfd-root .dfd-slider-base,html body .dfd-root .dfd-slider-connects{background:#2e2924!important}
html body .dfd-root .dfd-slider-handle{background:#f4efe9!important;border-color:#ff6b1a!important;box-shadow:none!important}
html body .dfd-root .dfd-view-more-button,html body .dfd-root .dfd-clear-filters-button,html body .dfd-root .dfd-sort-button{--dfd-btn-color:#ff6b1a!important;--dfd-btn-hover-color:#ff8a4a!important}
html body .dfd-root .dfd-sort-label,html body .dfd-root .dfd-sort-container{color:#a69c91!important}

/* Tabs "Filters / AI Assistent" (vaste kleuren in Doofinder-CSS) */
html body .dfd-root .dfd-tab-nav .dfd-tab-nav-item{color:#8a8076!important}
html body .dfd-root .dfd-tab-nav .dfd-tab-nav-item:hover{color:#ff6b1a!important}
html body .dfd-root .dfd-tab-nav .dfd-tab-nav-item.dfd-tab-nav-item--active{color:#f4efe9!important;border-bottom-color:#ff6b1a!important}

/* "Hulp nodig? Filter op ..." balk */
html body .dfd-root .dfd-guided-filters{background:#1a1714!important;border-color:#2e2924!important;border-radius:14px!important;color:#f4efe9!important}
html body .dfd-root .dfd-guided-filters-title{color:#f4efe9!important}
html body .dfd-root .dfd-guided-filters-subtitle{color:#a69c91!important}
html body .dfd-root .dfd-guided-filters-card{background:#221e1a!important;border:1px solid #2e2924!important;border-radius:12px!important;color:#f4efe9!important}
html body .dfd-root .dfd-guided-filters-card:hover{border-color:rgba(255,107,26,.7)!important}
html body .dfd-root .dfd-guided-filters-card img{background:#fff;border-radius:8px}
html body .dfd-root .dfd-carousel-arrow{background:#221e1a!important;border:1px solid #2e2924!important;color:#f4efe9!important}
html body .dfd-root .dfd-carousel-arrow svg{fill:#f4efe9!important}

/* AI-assistent (vaste kleuren in Doofinder-CSS) */
html body .dfd-root .dfd-ai-assistant-container{background:#1a1714!important;border-color:#2e2924!important;color:#f4efe9}
html body .dfd-root .dfd-ai-assistant-container .dfd-ai-assistant-header{border-bottom-color:#2e2924!important}
html body .dfd-root .dfd-ai-assistant-empty p,html body .dfd-root .dfd-ai-assistant-disclaimer,html body .dfd-root .dfd-ai-assistant-intro-p{color:#a69c91!important}
html body .dfd-root .dfd-ai-suggestion-pill{background:#221e1a!important;border:1px solid #2e2924!important;color:#f4efe9!important}
html body .dfd-root .dfd-ai-suggestion-pill:hover{border-color:#ff6b1a!important}
/* AI-invoer: rand op de container, tekstveld zelf doorzichtig (geen balkje-in-balkje) */
html body .dfd-root .dfd-ai-assistant-input{background:#0f0e0d!important;border-color:#3a332c!important;color:#f4efe9!important}
html body .dfd-root .dfd-ai-assistant-input:focus-within{border-color:#ff6b1a!important}
html body .dfd-root .dfd-ai-assistant-input .dfd-ai-input-textarea,html body .dfd-root .dfd-ai-input-textarea{background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important;color:#f4efe9!important}
html body .dfd-root .dfd-ai-assistant-input svg{fill:#a69c91}
/* Chatberichten: antwoord licht op donker, eigen vraag in oranje ballon */
html body .dfd-root .dfd-message.dfd-message-bot,html body .dfd-root .dfd-message.dfd-message-bot *{color:#f4efe9!important}
html body .dfd-root .dfd-message.dfd-message-bot a{color:#ff6b1a!important}
html body .dfd-root .dfd-message-bubble.dfd-message-bubble-user{background:#ff6b1a!important;color:#160a02!important}

/* Overig */
html body .dfd-root .dfd-pill{background:#221e1a!important;border-color:#3a332c!important;color:#f4efe9!important}
html body .dfd-root .dfd-no-results,html body .dfd-root .dfd-modal-heading{color:#f4efe9!important}
html body .dfd-root .dfd-try-another-button{--dfd-btn-color:#ff6b1a!important}
html body .dfd-root .dfd-branding,html body .dfd-root .dfd-branding *{color:#5c544c!important;fill:#5c544c!important}
html body .dfd-root .dfd-back-to-top-button{--dfd-btn-bg:#221e1a!important;--dfd-btn-border-color:#3a332c!important;--dfd-btn-color:#f4efe9!important}
html body .dfd-root .dfd-similar-content,html body .dfd-root .dfd-similar-results-modal-desktop{background:#1a1714!important;color:#f4efe9!important}
html body .dfd-root ::-webkit-scrollbar{width:10px;height:10px}
html body .dfd-root ::-webkit-scrollbar-thumb{background:#3a332c;border-radius:10px}
html body .dfd-root ::-webkit-scrollbar-track{background:transparent}

/* Vinkjes in de filters (getekend met ::before) */
html body .dfd-root .dfd-btn-term-filter::before{background-color:#0f0e0d!important;border-color:#0f0e0d!important;outline-color:#8a8076!important}
html body .dfd-root .dfd-btn-term-filter:not(.dfd-is-selected):hover::before{background-color:#ff6b1a!important;outline-color:#ff6b1a!important;opacity:.45}
html body .dfd-root .dfd-btn-term-filter.dfd-is-selected::before{background-color:#ff6b1a!important;border-color:#1a1714!important;outline-color:#ff6b1a!important;opacity:1}
html body .dfd-root .dfd-btn-term-filter.dfd-is-selected{color:#f4efe9!important}
/* Knop "vergelijkbare producten" linksboven op de kaart */
html body .dfd-root .dfd-card-flags button.dfd-similar{--dfd-btn-bg:rgba(13,12,11,.78)!important;--dfd-btn-border-color:rgba(255,255,255,.18)!important;--dfd-btn-color:#f4efe9!important;--dfd-btn-hover-bg:#ff6b1a!important;--dfd-btn-hover-border-color:#ff6b1a!important;--dfd-btn-hover-color:#160a02!important;background-color:rgba(13,12,11,.78)!important;color:#f4efe9!important;border-radius:8px!important}
html body .dfd-root .dfd-card-flags button.dfd-similar svg{fill:#f4efe9!important}
html body .dfd-root .dfd-card-flags button.dfd-similar:hover{background-color:#ff6b1a!important;color:#160a02!important}
html body .dfd-root .dfd-card-flags button.dfd-similar:hover svg{fill:#160a02!important}

/* Mobiel (ai-mobile) en AI-onderdelen met vaste lichte kleuren in de Doofinder-CSS */
html body .dfd-root .dfd-ai-tabs-container button{color:#f4efe9!important;background-color:#1a1714!important;border-color:#2e2924!important}
html body .dfd-root .dfd-ai-tabs-container button svg{fill:#f4efe9}
html body .dfd-root .dfd-toggle-filters-button:disabled{background-color:#151311!important;color:#5c544c!important}
html body .dfd-root .dfd-ai-mobile-query-results,html body .dfd-root .dfd-ai-query-results,html body .dfd-root .dfd-fallback-content{background:#1a1714!important;color:#d6cdc2!important}
html body .dfd-root .dfd-ai-mobile-relevant-header,html body .dfd-root .dfd-ai-mobile-query-results span,html body .dfd-root .dfd-no-results-ai-text,html body .dfd-root .dfd-messages-list-header-datetime,html body .dfd-root .dfd-compare-products-attribute-value{color:#a69c91!important}
html body .dfd-root .dfd-ai-mobile-relevant-header strong,html body .dfd-root #dfd-cta-try-ai-assistant span,html body .dfd-root .dfd-pai-product-price,html body .dfd-root .dfd-ai-help-banner-title{color:#f4efe9!important}
html body .dfd-root .dfd-ai-help-banner-description{color:#a69c91!important}
html body .dfd-root .dfd-popular-searches .dfd-suggestion-button span,html body .dfd-root .dfd-smart-filters button,html body .dfd-root .dfd-smart-filters>a{color:#f4efe9!important}
html body .dfd-root .dfd-ai-assistant-layer,html body .dfd-root .dfd-ai-assistant-input{background:#1a1714!important;color:#f4efe9}
html body .dfd-root .dfd-ai-assistant-layer .dfd-ai-input-textarea{color:#f4efe9!important}
html body .dfd-root .dfd-ai-assistant-layer .dfd-ai-input-textarea::placeholder{color:#7d746b!important}
html body .dfd-root .dfd-message.dfd-message-user{color:#160a02!important}
html body .dfd-root .dfd-ai-hint-pill.dfd-ai-suggestion-pill{background:#221e1a!important;color:#d6cdc2!important;border-color:#2e2924!important}
html body .dfd-root .dfd-compare-products-attribute-name{background:#221e1a!important;color:#f4efe9!important}
html body .dfd-root .dfd-compare-products-price{background:#0d0c0b!important;color:#f4efe9!important}

/* Resultatenregel ("257 resultaten gevonden") zonder eigen balk */
html body .dfd-root .dfd-meta{background-color:transparent!important;border:0!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}
html body .dfd-root .dfd-meta strong,html body .dfd-root .dfd-meta b{color:#f4efe9!important}
/* Sorteren: menu donker */
html body .dfd-root .dfd-sort-dropdown-modal{background:#1a1714!important;border-color:#2e2924!important;box-shadow:0 12px 30px rgba(0,0,0,.5)!important}
html body .dfd-root .dfd-sort-dropdown-modal .dfd-sort-option{color:#f4efe9!important;background:transparent!important;border-color:#2e2924!important}
html body .dfd-root .dfd-sort-dropdown-modal .dfd-sort-option:hover{background:#221e1a!important;color:#ff6b1a!important}
html body .dfd-root .dfd-sort-button svg{fill:#ff6b1a!important}
/* Sluitknoppen (kruisje is een zwart plaatje): licht maken */
html body .dfd-root .dfd-close-button{opacity:.85!important}
html body .dfd-root .dfd-close-button::before{filter:invert(1)!important}
html body .dfd-root .dfd-close-button:hover{opacity:1!important}
html body .dfd-root .dfd-close-button:hover::before{filter:invert(55%) sepia(90%) saturate(1800%) hue-rotate(352deg) brightness(102%)!important}
/* Mobiel: terug-pijl en wis-kruisje in het zoekveld hebben een vaste donkere kleur in het icoon zelf (fill="#212529") */
html body .dfd-root .dfd-searchbox .dfd-btn-icon svg path,html body .dfd-root .dfd-searchbox-slot svg path,html body .dfd-root .dfd-btn-icon svg path[fill="#212529"],html body .dfd-root .dfd-aside-header .dfd-close-button svg path{fill:#ffffff!important}
html body .dfd-root .dfd-searchbox .dfd-btn-icon:hover svg path,html body .dfd-root .dfd-searchbox .dfd-btn-icon:active svg path,html body .dfd-root .dfd-searchbox .dfd-btn-icon:focus-visible svg path{fill:#ff6b1a!important}
html body .dfd-root .dfd-searchbox .dfd-btn-icon{opacity:1!important}

/* 29-10: transparante achtergrondvlakken in iconen (fill="none") niet wit kleuren — anders wit blokje in de zoekbalk */
html body .dfd-root.dfd-root.dfd-root.dfd-root svg path[fill="none"],html body .dfd-root.dfd-root.dfd-root.dfd-root svg rect[fill="none"]{fill:none!important}