/*
 * Cat v2 style - ALLEEN binnen de nieuwe archief-template
 * (NL .elementor-940189 / DE .elementor-940191 / EN .elementor-940194, .elementor-940199).
 * !important waar de site-brede awcf_facetwp_styles zelf !important gebruikt.
 */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) {
    --awv2-brand: #009CA5;
    --awv2-ink: #161922;
    --awv2-ink-soft: #54595F;
    --awv2-ink-faint: #8b93a0;
    --awv2-border: #EBEDED;
    --awv2-surface: #ffffff;
}

/* ---------- filtergroepen: streep tussen de groepen ----------
   Border BOVEN elke groep (behalve de eerste), zodat er nooit een streep
   onder de laatste of onder een lege facet blijft hangen. */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-filter-group {
    border-bottom: 0 !important;
    border-top: 0;
    padding-bottom: 0;
    margin-bottom: 16px;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-filter-group:not(:first-child):not(.aw-filter-reset) {
    border-top: 1px solid var(--awv2-border);
    padding-top: 16px;
}
/* lege facets (en de lege "Op voorraad"-kop zonder facet) + inactieve reset niet tonen */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-filter-group:has(.facetwp-facet:empty),
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-filter-group:not(:has(.facetwp-facet)) {
    display: none !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-filter-group.aw-filter-reset:has(.facetwp-reset.facetwp-hidden) {
    display: none !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-filter-group .facetwp-facet {
    margin-bottom: 0 !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-filter-group h4 {
    font-size: 15px;
    font-weight: 600;
    color: var(--awv2-ink);
    margin: 0 0 10px;
}

/* ---------- checkboxes: aantal rechts uitgelijnd ---------- */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    line-height: 1.4;
    color: var(--awv2-ink-soft);
    margin: 0;
    cursor: pointer;
    /* kleiner selectievakje (16px) + ruimte tot de tekst */
    padding: 4px 0 4px 24px !important;
    background-size: 16px 16px !important;
    background-position: 0 center !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-checkbox:hover {
    color: var(--awv2-ink);
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-counter {
    margin-left: auto;
    color: var(--awv2-ink-faint);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-toggle {
    display: inline-block;
    margin-top: 6px;
    color: var(--awv2-brand);
    font-weight: 700;
    font-size: 12.5px;
    cursor: pointer;
}

/* ---------- prijs-slider (noUiSlider): dunner + kleinere handles ---------- */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-slider,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-facet .noUi-target {
    margin: 8px 7px 4px;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-slider.noUi-target,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-facet .noUi-horizontal,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-facet .noUi-base,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-facet .noUi-connects,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-facet .noUi-connect {
    height: 4px !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .noUi-target {
    background: var(--awv2-border) !important;
    box-shadow: none !important;
    border-radius: 4px;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .noUi-connect {
    background: var(--awv2-brand) !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .noUi-handle {
    width: 14px !important;
    height: 14px !important;
    top: -5px !important;
    right: -7px !important;
    border: 2px solid var(--awv2-brand) !important;
    background: var(--awv2-surface) !important;
    box-shadow: none !important;
    border-radius: 50% !important;
    cursor: grab;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .noUi-handle::before,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .noUi-handle::after {
    display: none !important;
}
/* eigen reset van de prijsfilter weg -> alleen de globale reset geldt */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-slider-reset {
    display: none !important;
}
/* min-prijs linksonder, max-prijs rechtsonder (JS splitst het label) */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-slider-label {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 2px;
    font-size: 12.5px;
    color: var(--awv2-ink-soft) !important;
    font-variant-numeric: tabular-nums;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-slider-label .aw-price-max {
    text-align: right;
}
/* eerste ZICHTBARE groep (JS markeert 'm; verborgen/lege groepen ervoor tellen niet) geen streep erboven */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-filter-group.aw-first-visible {
    border-top: 0 !important;
    padding-top: 0 !important;
}

/* ---------- toolbar (.aw_filterbar): count links, zoekveld breed ----------
   Sidebar (.aw_filters) = 305px breed incl. 10px padding; producten starten direct
   daarna. Count-blok 285px + 20px flex-gap = 305 -> zoekveld begint op de linkerrand
   van de producten; padding-left 10px -> count-tekst lijnt met de filterkoppen. */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw_filterbar {
    justify-content: flex-start !important;
    align-items: center;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw_filterbar .facetwp-facet {
    margin-bottom: 0 !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__count {
    flex: 0 0 285px;
    max-width: 285px;
    padding-left: 10px;
    text-align: left;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__search {
    flex: 1 1 auto;
    min-width: 240px;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__search .facetwp-facet,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__search .facetwp-input-wrap,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__search input.facetwp-search {
    width: 100% !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__sort {
    flex: 0 0 auto;
}
/* lege per-pagina-widget (nog geen facet) neemt geen gap-ruimte in */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__perpage:not(:has(.facetwp-facet)) {
    display: none;
}
/* mobiel: count volle breedte, zoekveld + sorteren eronder */
@media (max-width: 767px) {
    :is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw_filterbar {
        flex-wrap: wrap;
    }
    :is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__count {
        flex: 1 1 100%;
        max-width: none;
        padding-left: 0;
    }
    /* zoekveld altijd een eigen rij (volle breedte); sorteren + per pagina
       eronder 50/50. Zonder flex-basis 100% schoof sorteren er tussen ~430-767px
       naast en viel per pagina los op een eigen rij. */
    :is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__search {
        flex: 1 1 100%;
        min-width: 0;
    }
}
/* count-tekst compacter (zoals keramiek), cijfers donker/bold */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__count .facetwp-facet {
    font-size: 14px;
    line-height: 1.4;
    color: var(--awv2-ink-soft);
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__count strong {
    font-weight: 700;
    color: var(--awv2-ink);
}

/* ---------- productkaarten: lichtgrijze border + radius 10px ---------- */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item {
    border: 1px solid var(--awv2-border) !important;
    border-radius: 10px !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item:hover {
    border-color: #d3d7d9 !important;
}

/* ---------- toolbar-velden: radius 10px ---------- */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__search input.facetwp-search,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__sort select {
    border-radius: 10px !important;
}

/* ---------- reset-knop (zichtbaar na filterkeuze): groenblauw + wit ---------- */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) button.facetwp-reset,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .elementor-widget-facetwp-facet button.facetwp-reset {
    background: #009CA5 !important;
    background-color: #009CA5 !important;
    border: 1px solid #009CA5 !important;
    color: #FFFFFF !important;
    border-radius: 10px !important;
    padding: 9px 16px !important;
    font-size: 14px;
    font-weight: 600 !important;
    box-shadow: none !important;
    cursor: pointer;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) button.facetwp-reset:hover,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) button.facetwp-reset:focus,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .elementor-widget-facetwp-facet button.facetwp-reset:hover,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .elementor-widget-facetwp-facet button.facetwp-reset:focus {
    background: #008C94 !important;
    background-color: #008C94 !important;
    border-color: #008C94 !important;
    color: #FFFFFF !important;
}

/* ---------- Sale-badge in de productloop: groenblauw ---------- */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item-badge {
    background: #009CA5 !important;
    color: #FFFFFF !important;
}

/* ---------- toolbar-tekst 2px kleiner (14 -> 12px) + placeholder = kleur "Sorteer op" ---------- */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__count .facetwp-facet,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__search input.facetwp-search,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__sort select {
    font-size: 12px !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__search input.facetwp-search::placeholder {
    color: #000000 !important;
    opacity: 1;
}

/* ---------- wishlist-hartje rechtsboven op de productkaart ---------- */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-item .awcf-loop-item-wishlist {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 4;
    line-height: 0;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-item .awcf-loop-item-wishlist .vwish-button {
    margin: 0;
}

/* ---------- productkaart: Educadora-huisstijl i.p.v. keramiek-blauw (#2B358A) ----------
   Kleuren zoals de oude Elementor-loop (794775): titel #008C94, prijs tekstkleur,
   knoppen #009CA5. Overschrijft awcf_loop_items.css + allroundweb-cart ALLEEN hier. */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item-title,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item-content {
    color: #008C94 !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item-footer-price,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item-footer-price ins {
    color: #161922 !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-add-to-cart-btn,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-qty-btn-wrapper-right button,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-qty-btn-wrapper-right .aw-view-cart-btn,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-view-product-btn,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .view-cart-button {
    background-color: #009CA5 !important;
    border-color: #009CA5 !important;
    color: #FFFFFF !important;
    border-radius: 10px !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-add-to-cart-btn:hover:not(:disabled):not(.aw-error-state),
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-qty-btn-wrapper-right button:hover:not(:disabled):not(.aw-error-state),
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-qty-btn-wrapper-right .aw-view-cart-btn:hover,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-view-product-btn:hover,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .view-cart-button:hover {
    background-color: #FFFFFF !important;
    border-color: #009CA5 !important;
    color: #009CA5 !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-view-product-btn:hover svg,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-view-product-btn:hover svg path {
    fill: #009CA5 !important;
}
/* "Blijf op de hoogte" (uitverkocht): omgekeerde knop, wit met groenblauwe rand */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-qty-btn-wrapper-right .aw-notify-btn {
    background-color: #FFFFFF !important;
    border: 1px solid #009CA5 !important;
    color: #009CA5 !important;
    border-radius: 10px !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-qty-btn-wrapper-right .aw-notify-btn:hover,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-qty-btn-wrapper-right .aw-notify-btn:focus {
    background-color: #009CA5 !important;
    border-color: #009CA5 !important;
    color: #FFFFFF !important;
}
/* aantal-input + variatie-select: zelfde radius */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-qty-btn-wrapper-left input,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-product-form select {
    border-radius: 10px !important;
}

/* ---------- zoekveld + sorteer: 40px hoog (site-breed 48px) ---------- */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__search input.facetwp-search,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__sort select {
    height: 40px !important;
    min-height: 40px !important;
}

/* ---------- info-knop (i) uit de loop, zoals keramiek ---------- */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-view-product-btn {
    display: none !important;
}

/* ---------- per-pagina (facet aantal_producten): zelfde stijl als "Sorteer op" ---------- */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__perpage {
    flex: 0 0 auto;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__perpage select {
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    color: #000000;
    border-color: #ebeded !important;
    cursor: pointer;
}
@media (max-width: 767px) {
    :is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__sort,
    :is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__perpage {
        flex: 1 1 calc(50% - 10px);
        min-width: 0;
    }
    :is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__sort select,
    :is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__perpage select {
        width: 100%;
        max-width: none;
    }
}

/* ---------- geen donkere focus-rand op zoekveld / sorteer / per pagina ---------- */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__search input.facetwp-search:is(:focus, :focus-visible, :active),
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__sort select:is(:focus, :focus-visible, :active),
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__perpage select:is(:focus, :focus-visible, :active) {
    border-color: #ebeded !important;
    outline: none !important;
    box-shadow: none !important;
}

/* "Toegevoegd"-bevestiging (kort na toevoegen): donkerder groenblauw */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-add-to-cart-btn.aw-added-state {
    background-color: #008C94 !important;
    border-color: #008C94 !important;
    color: #FFFFFF !important;
}

/* ---------- productkaart-opbouw zoals de huidige live-loop ----------
   Afbeelding vierkant over de volle kaartbreedte (was vast 175px hoog),
   titel kleiner + vet, titel en prijs links uitgelijnd op dezelfde lijn. */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item .awcf-loop-item-header img,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item .awcf-loop-item-header .awcf-no-img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: contain;
    display: block;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item .awcf-loop-item-content {
    padding: 12px 0 4px !important;
    text-align: left !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: left !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item-footer-price {
    text-align: left !important;
    font-size: 16px;
}
@media (max-width: 767px) {
    :is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item-title {
        font-size: 14px !important;
    }
}

/* ---------- prijs iets kleiner + niet vet; kaart-padding 20px ---------- */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item-footer-price,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item-footer-price :is(.amount, bdi, ins, del, span) {
    font-size: 14px !important;
    font-weight: 400 !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item .awcf-loop-item-header {
    padding: 20px 20px 0 !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item .awcf-loop-item-footer {
    padding: 10px 20px 20px !important;
}
/* mobiel: kaart-padding 10px (meer ruimte voor de inhoud) en 10px tussen de
   kaarten; kaartbreedte mee (2 per rij: 50% - halve gap). Header en footer
   krijgen dezelfde zijpadding -> titel en prijs blijven op één lijn. */
@media (max-width: 767px) {
    :is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-items-content {
        gap: 10px !important;
    }
    :is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item {
        width: calc(50% - 5px) !important;
    }
    :is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item .awcf-loop-item-header {
        padding: 10px 10px 0 !important;
    }
    :is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item .awcf-loop-item-footer {
        padding: 10px !important;
    }
}

/* ---------- knoppen in de productkaart: line-height 14px ---------- */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) :is(.aw-add-to-cart-btn, .aw-qty-btn-wrapper-right button, .aw-view-cart-btn, .view-cart-button, .aw-qty-btn-wrapper-right .aw-notify-btn) {
    line-height: 14px !important;
}

/* ---------- "Aanbieding"-badge zoals de huidige loop ----------
   Strak in de linkerbovenhoek, niet vet, 11px hoofdletters, radius 10/10/10/0. */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-items .awcf-loop-item-badge {
    top: 0 !important;
    left: 0 !important;
    padding: 10px !important;
    border-radius: 10px 10px 10px 0 !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 14px !important;
    text-transform: uppercase;
    letter-spacing: normal;
}

/* ---------- wishlist-hartje strak in de rechterbovenhoek ----------
   Gespiegeld aan de Aanbieding-badge: radius 10/10/0/10, zodat een gevuld
   (gewishlist) hartje netjes in de afgeronde kaarthoek valt. */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-item .awcf-loop-item-wishlist {
    top: 0 !important;
    right: 0 !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .awcf-loop-item .awcf-loop-item-wishlist .vwish-button {
    margin: 0 !important;
    border-radius: 10px 10px 0 10px !important;
}

/* ---------- meer witruimte tussen sidebar en producten (30px) ----------
   Productkolom = de container direct na .aw_filters in dezelfde rij. Het count-blok
   in de toolbar groeit even hard mee (285 -> 315px), zodat het zoekveld op de
   linkerrand van de producten blijft beginnen. Alleen desktop/tablet. */
@media (min-width: 768px) {
    :is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw_filters + .e-con {
        padding-left: 30px !important;
    }
    /* Sidebar = 25% van de rij (max 305px bij 1220px container). Count-blok groeit/krimpt
       mee i.p.v. vast 315px: anders schoof het zoekveld onder ~1200px rechts naast de
       producten en viel "per pagina" rond 800-900px buiten beeld. */
    :is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__count {
        flex-basis: calc(25% + 10px) !important;
        max-width: calc(25% + 10px) !important;
    }
    :is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__search {
        min-width: 150px;
    }
}
/* vanaf de begrensde containerbreedte (1220px + 2x10px) telt de toolbar-padding
   anders mee: 5px minder, zodat het zoekveld ook daar exact boven de producten begint */
@media (min-width: 1241px) {
    :is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-toolbar__count {
        flex-basis: calc(25% + 5px) !important;
        max-width: calc(25% + 5px) !important;
    }
}

/* ---------- lijn tussen productlijst en categorietekst (#aw-cat-info) ----------
   Op de inner (boxed breedte), zoals de lijnen rond de toolbar. */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) #aw-cat-info > .e-con-inner {
    border-top: 1px solid var(--awv2-border);
    padding-top: 36px !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) #aw-cat-info {
    margin-top: 40px;
    scroll-margin-top: 120px;
}
/* meer witruimte onder de categorietekst (vóór de footer) */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) #aw-cat-info > .e-con-inner {
    padding-bottom: 60px !important;
}

/* ---------- hero: ruimte onder h1, tekst lh 24px, "Lees meer" direct eronder ---------- */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .elementor-widget:has(> h1, > .elementor-widget-container > h1):has(+ .aw-cat-hero__desc),
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .elementor-widget:has(+ .aw-cat-hero__desc) {
    margin-bottom: 12px !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-cat-hero__desc,
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-cat-hero__desc p {
    line-height: 24px !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-cat-hero__desc p {
    margin: 0 !important;
}
/* lege <p></p> die WooCommerce na de tekst zet, geen hoogte */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-cat-hero__desc p:empty {
    display: none;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-cat-readmore {
    margin-top: 4px !important;
    line-height: 1 !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-cat-readmore a {
    padding: 0 !important;
    line-height: 20px !important;
}

/* ---------- subcategorie-slider leeg (geen subcats) -> sectie verbergen ----------
   Container 7ccdf460 bevat [awcf_woocommerce_subcategory_slider_v2]; die rendert
   niets als er geen subcategorieën zijn. Zelfde aanpak als keramiek. */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .elementor-element-7ccdf460:not(:has(.aw-subcat-slider-v2-wrap)) {
    display: none !important;
}

/* ---------- paginanummering (facet pagina_nummers), zoals keramiek ---------- */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-pager {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin: 32px 0 8px;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-pager .facetwp-page {
    min-width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0 6px;
    margin: 0;
    font-size: 13px;
    color: var(--awv2-ink-soft);
    background: transparent;
    border: 0;
    text-decoration: none;
    cursor: pointer;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-pager .facetwp-page:hover {
    background: #F8F8F8;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-pager .facetwp-page.active {
    background: #009CA5;
    color: #FFFFFF;
    font-weight: 600;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-pager .facetwp-page:is(.prev, .next) {
    border-radius: 10px;
    padding: 0 12px;
}

/* ---------- FacetWP "Toon X meer" / "Toon minder": alleen de actieve tonen ----------
   Onze .facetwp-toggle-regel (display:inline-block) overschreef FacetWP's verbergen. */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .facetwp-toggle.facetwp-hidden {
    display: none !important;
}

/* ---------- subcat-slider: pijlen in een eigen band BOVEN de kaarten ----------
   Standaard staan ze op top:-46px en vallen ze in het tekstblok erboven.
   Zoals keramiek: 34px ruimte bovenin de slider, pijlen rechtsboven daarin. */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-subcat-slider-v2 {
    padding-top: 34px !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-subcat-slider-v2 .aw-subcat-slider-v2__nav {
    top: 0 !important;
    transform: none !important;
    width: 26px !important;
    height: 26px !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-subcat-slider-v2 .aw-subcat-slider-v2__arrow {
    width: 7px;
    height: 7px;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-subcat-slider-v2 .aw-subcat-slider-v2__nav--next {
    right: 0 !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-subcat-slider-v2 .aw-subcat-slider-v2__nav--prev {
    right: 34px !important;
    left: auto !important;
}

/* mobiel: "Lees de volledige categorie-informatie" even groot als de omschrijving erboven (13px) */
@media (max-width: 767px) {
    :is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) .aw-cat-readmore a {
        font-size: 13px !important;
    }
}

/* ---------- geen uitgebreide categorietekst -> onderblok + "Lees meer"-link weg ----------
   #aw-cat-info (dynamic tag archive-description) is leeg als de omschrijving geen
   <!--more--> heeft (mu-plugin aw-term-description). */
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199) #aw-cat-info:not(:has(:is(p, h2, h3, h4, ul, ol, li, table))) {
    display: none !important;
}
:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199):not(:has(#aw-cat-info :is(p, h2, h3, h4, ul, ol, li, table))) .aw-cat-readmore {
    display: none !important;
}

/* ---------- mobiele filter-flyout (FacetWP .facetwp-flyout) ----------
   De flyout staat direct in <body>, buiten .elementor-9401xx, dus de regels
   hierboven gelden er niet. Scope via body:has(template) en zelfde opbouw als
   de desktop-filterkolom: kop 15px/600 donker, streep tussen de groepen,
   checkboxes/slider idem, zoek + sorteren als toolbar-velden (volle breedte). */
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout {
    --awv2-brand: #009CA5;
    --awv2-ink: #161922;
    --awv2-ink-soft: #54595F;
    --awv2-ink-faint: #8b93a0;
    --awv2-border: #EBEDED;
    --awv2-surface: #ffffff;
}
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout .flyout-row {
    margin: 0 0 16px;
    padding: 0;
}
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout .flyout-row + .flyout-row {
    border-top: 1px solid var(--awv2-border);
    padding-top: 16px;
}
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout .flyout-row h3 {
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.8 !important;
    color: var(--awv2-ink) !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    margin: 0 0 10px !important;
}
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout .facetwp-facet {
    margin-bottom: 0 !important;
}
/* checkboxes: aantal rechts uitgelijnd, 16px vakje */
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout .facetwp-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13.5px;
    line-height: 1.4;
    color: var(--awv2-ink-soft);
    margin: 0;
    cursor: pointer;
    padding: 4px 0 4px 24px !important;
    background-size: 16px 16px !important;
    background-position: 0 center !important;
}
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout .facetwp-counter {
    margin-left: auto;
    color: var(--awv2-ink-faint);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout .facetwp-toggle {
    display: inline-block;
    margin-top: 6px;
    color: var(--awv2-brand);
    font-weight: 700;
    font-size: 12.5px;
    cursor: pointer;
}
/* prijs-slider */
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout .noUi-target {
    margin: 8px 7px 4px;
    background: var(--awv2-border) !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 4px;
}
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout :is(.noUi-horizontal, .noUi-base, .noUi-connects, .noUi-connect) {
    height: 4px !important;
}
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout .noUi-connect {
    background: var(--awv2-brand) !important;
}
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout .noUi-handle {
    width: 14px !important;
    height: 14px !important;
    top: -5px !important;
    right: -7px !important;
    border: 2px solid var(--awv2-brand) !important;
    background: var(--awv2-surface) !important;
    box-shadow: none !important;
    border-radius: 50% !important;
}
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout .noUi-handle::before,
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout .noUi-handle::after,
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout .facetwp-slider-reset {
    display: none !important;
}
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout .facetwp-slider-label {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 2px;
    font-size: 12.5px;
    color: var(--awv2-ink-soft) !important;
    font-variant-numeric: tabular-nums;
}
/* zoeken + sorteren (+ per pagina): zelfde velden als de toolbar, volle breedte */
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout :is(.facetwp-type-search, .facetwp-input-wrap) {
    width: 100% !important;
}
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout :is(input.facetwp-search, .facetwp-type-sort select, .facetwp-type-per_page select, .facetwp-type-dropdown select) {
    width: 100% !important;
    max-width: none !important;
    height: 40px !important;
    min-height: 40px !important;
    border: 1px solid var(--awv2-border) !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    color: #000000;
    background-color: var(--awv2-surface);
    box-shadow: none !important;
    outline: none !important;
}
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout input.facetwp-search::placeholder {
    color: #000000 !important;
    opacity: 1;
}
/* zoeken, sorteren en per pagina staan op mobiel al open boven de Filters-knop
   -> niet nog eens in de flyout. Streep boven de dan eerste zichtbare groep weg. */
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout .flyout-row:is(.name-zoeken, .name-sorteren, .name-aantal_producten) {
    display: none !important;
}
body:has(:is(.elementor-940189, .elementor-940191, .elementor-940194, .elementor-940199)) .facetwp-flyout .flyout-row:is(.name-zoeken, .name-sorteren, .name-aantal_producten) + .flyout-row:not(.name-zoeken, .name-sorteren, .name-aantal_producten) {
    border-top: 0;
    padding-top: 0;
}