/*
 Theme Name:   Heatmedia Child
 Description:  Heatmedia Child Theme
 Author:       Heatmedia B.V.
 Author URI:   https://heatmedia.nl
 Template:     bootscore
 Version:      1.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 Text Domain:  bootscore
*/
/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/
.sjw-readmore {
    font-size: 15px !important;
}
.price-overlay span.price {
    font-size: 14px;
}
.cart-badge.mb-2 {
    display: none;
}
p.badge.bg-secondary.text-wrap.mt-2.mb-0 {
    display: none;
}
.dgwt-wcas-meta {
    min-width: fit-content;
}
h1 a,
h2 a,
h3 a,
h4 a {
    color: #000;
}
/* h1,
h2
{
     font-family: 'chewy'
} */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.card .price {
    color: rgb(0 0 0) !important;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins,
ins {
    color: #000000;
    font-weight: 600;
}
h1, h2 {
    //font-weight: 400 !important;
}
@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1500px;
    }
}
@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.3rem;
    }
}
body.home .entry-header {
    display: none !important;
}

/// begin header

/* USP slider wrapper – venster */
.usp-scroller-wrapper {
    width: 100%;
    overflow: hidden;
    /* <-- BELANGRIJK */
    padding: 5px 0;
    position: relative;
}

/* De horizontale schuifrij */
.usp-scroller {
    display: flex;
    gap: 40px;
    white-space: nowrap;
    animation: uspScroll 22s linear infinite;
}

/* Individuele USP's */
.usp-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-right: 60px;
    /* Zorgt dat USP 2 half zichtbaar is */
    //font-weight: 600;
    font-size: 14px;
    color: #4a4a4a;
    flex-shrink: 0;
}

.usp-item i {
    color: #e49219;
    font-size: 18px;
}
.usp-scroller-wrapper {
    overflow: hidden;
}
/* Animatie */
@keyframes uspScroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.navbar-brand img.d-td-none {
    max-height: 75px;
}
.custom-topbar {
    z-index: 1022;
}
.rating-circle {
    background: #008037; /* groen */
    color: #fff;
    font-weight: 700;
    font-size: 1.2rem;
    border-radius: 50%;
    line-height: 1;
    min-width: 45px;
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rating-logo {
    height: 32px;
    width: auto;
    object-fit: contain;
}

h6.mega-cat-title a{
    //font-weight: 600;
    color: #333 !important;
    padding: 10px 0px !important;
    //margin-bottom: 0px !important;
}


.primary-desktop-menu a:hover {
    color: #000 !important;
}

/* Zorg dat dropdowns correct werken */
.primary-desktop-menu .dropdown-menu {
    margin-top: 0;
}

Achtergrond
.primary-desktop-menu-wrapper.d-none.d-lg-block {
    //background: #ebffd2;
    //border-bottom: 2px solid #e0b500;
    //border-radius: 999px;
    //transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    margin: 0px 50px;
}

ul#menu-primary {
    background: #008037;
    border-radius: 5px;
    transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

body.home .primary-desktop-menu-wrapper {
    //margin-bottom: -26px !important;
}
body.home div#content {
    padding-top: 12px !important;
}
/* Menutekst */
.primary-desktop-menu>li>a {
    font-weight: 400 !important;
    font-size: 16px;
    color: #FFF !important;
    /* donkergroen passend bij speelgoed */
    padding: 12px 14px !important;
    transition: 0.2s ease;
}

/* Hover op hoofditems */
.primary-desktop-menu>li>a:hover {
    color: #e49219 !important;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 5px;
}

/* Actief menu item */
.primary-desktop-menu .current-menu-item>a,
.primary-desktop-menu .current-menu-parent>a {
    color: #1c370e !important;
    //font-weight: 700;
}

/* .primary-desktop-menu .dropdown-menu {
    border-radius: 10px;
    border: 1px solid #d4efb7;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    background: #ffffff;
    //margin-top: 8px !important;
    padding: 8px 0;
}

/* Dropdown links */
/* .primary-desktop-menu .dropdown-menu a {
    //font-size: 15px;
    padding: 10px 18px !important;
    color: #2f2f2f !important;
    transition: 0.2s;
} */

/* Hover dropdown */
/* .primary-desktop-menu .dropdown-menu a:hover {
    background: #ebffd2;
    color: #1c370e !important;
} */ 

/* Pijltje naast categorieën
.primary-desktop-menu .dropdown-toggle::after {
    margin-left: 6px;
    border-top-color: #2d4f1d;
} */

/* Hover animatie
.primary-desktop-menu .dropdown-menu {
    animation: fadeInMenu 0.15s ease-out;
} */

@keyframes fadeInMenu {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.usp-scroller-wrapper {
    overflow: hidden;
}

.usp-item {
    color: #2d4f1d;
    font-size: 14px;
    padding-right: 45px;
    display: inline-block;
    white-space: nowrap;
}

.usp-item i {
    color: #008037;
    /* frisgroene icons */
    margin-right: 6px;
}

.header-rating .rating-circle {
    background: #008037;
    color: #fff;
    font-weight: 700;
    //padding: 6px 12px;
    //border-radius: 20px;
    font-size: 15px;
}

/* Rating logo */
.header-rating .rating-logo {
    height: 26px;
}

.dgwt-wcas-search-form {
    border-radius: 0px !important;
    border: 1px solid #f2f2f2 !important;
    border-top: 0px solid !important;
    border-left: 0px solid !important;
    border-right: 0px solid !important;
}
.border-bottom {
    border-bottom: 1px solid #f2f2f2 !important;
}
.dgwt-wcas-search-input {
    border-radius: 50px !important;
}

.dgwt-wcas-sf-wrapp {
    border-radius: 50px !important;
}

/* Hover search */
.dgwt-wcas-search-form:hover {
    border-color: #c3c3c3 !important;
}
input#dgwt-wcas-search-input-1 {
    box-shadow: none;
}

input#dgwt-wcas-search-input-1 {
    box-shadow: none;
}
input#dgwt-wcas-search-input-1:focus {
    border-color: #fff;
}
a.btn.btn-primary {
    border-radius: 5px;
}

.btn-outline-secondary {
    border-radius: 5px;
}
header#masthead {
    background: #fff;
}
/* Topbar standaard zichtbaar */
.topbar-wrapper {
    max-height: 120px;
    /* iets groter dan je echte topbar */
    overflow: hidden;
    transition: max-height 0.45s ease;
}

/* Verstoppen */
.topbar-wrapper.hide-height {
    max-height: 0;
}

.custom-topbar {
    opacity: 1;
    transition: opacity 0.35s ease;
}

.custom-topbar.hide-on-scroll {
    opacity: 0;
}
.header-rating .rating-logo {
    position: absolute;
    top: -15px;       /* hoogte-finetune */
    right: -15px;     /* horizontaal-finetune */
    width: 30px;     /* gewenste grootte */
    height: auto;
    z-index: 10;
    pointer-events: none; /* voorkom dat hij je kliks blokkeert */
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    //font-family: Quicksand;
}
.primary-desktop-menu>li>a {
    padding: 12px 7px !important;
}
/* Mobile cart count */
.cart-count-mobile {
    position: absolute;
    top: -4px;
    right: -6px;
    background: #dc3545;
    color: white;
    font-size: .7rem;
    padding: 1px 4px;
    border-radius: 50%;
}
a.navbar-brand img {
    max-height: 80px !Important;
}


/* ============================
   MOBILE HEADER HIDE / SHOW
   FINAL NO-FLICKER VERSION
============================ */
@media (max-width: 991.98px) {

    .mobile-header {
        position: relative;
        background: #fff;
    }

    /* Beide wrappers standaard position:relative (normaal gedrag) */
    .mobile-topbar-wrapper,
    .mobile-searchbar-wrapper {
        position: relative;
        width: 100%;
        transition: opacity .3s ease, transform .3s ease;
        will-change: opacity, transform;
    }

    /* HIDE MODE:
       – position:absolute → neemt GEEN ruimte meer in
       – top:0; left:0 → schuift soepel weg
       – transform → GPU animation
    */
    .mobile-topbar-wrapper.hide,
    .mobile-searchbar-wrapper.hide {
        position: absolute !important;
        left: 0;
        right: 0;
        transform: translateY(-100%) !important;
        opacity: 0 !important;
        pointer-events: none;
    }
}

/* Cart counter */
/* .cart-count-mobile {
    position: absolute;
    top: -4px;
    right: -6px;
    background: #dc3545;
    color: white;
    font-size: .7rem;
    padding: 1px 4px;
    border-radius: 50%;
} */
/* .cart-content {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #dc3545;
    color: #fff;
    font-size: 10px;
    padding: 1px 4px;
    border-radius: 50%;
    line-height: normal;
} */

* === Alles hierna alleen voor offcanvas onder 992px === */
@media (max-width: 991.98px) {
.my-nav>li>a {
    display: block;
    padding: 0.3rem .5rem;
    text-decoration: none;
    color: #000;
    white-space: nowrap;
}
    /* Offcanvas basis */
    #offcanvas-navbar .offcanvas-body {
        position: relative;
    }

    #offcanvas-navbar a {
        text-decoration: none;
    }

    #offcanvas-navbar .offcanvas-body li.menu-item {
        padding: 10px;
        border-bottom: 1px solid #dfdfdf;
        min-height: 61px;
        display: flex;
        align-items: center;
    }

    /* Logo */
    .offcanvas-header img {
        max-width: 75%;
    }

    /* Submenus verbergen in hoofdlijst binnen offcanvas */
    #offcanvas-navbar .my-nav ul.sub-menu,
    #offcanvas-navbar .my-nav .dropdown-menu,
    #offcanvas-navbar .my-nav .mega-menu>.sub-menu {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* Overlay subpane */
    #offcanvas-navbar .mobile-subpane {
        position: absolute;
        inset: 0;
        background: var(--bs-body-bg, #fff);
        display: flex;
        flex-direction: column;
        transform: translateX(100%);
        opacity: 0;
        transition: transform 220ms ease, opacity 220ms ease;
        z-index: 9999;
    }

    #offcanvas-navbar .mobile-subpane.is-active {
        transform: translateX(0);
        opacity: 1;
    }

    #offcanvas-navbar .mobile-subpane-header {
        padding: .75rem 1rem;
        border-bottom: 1px solid rgba(0, 0, 0, .06);
        gap: .5rem;
    }

    #offcanvas-navbar .mobile-subpane-body {
        padding: .5rem 1rem 1rem;
        overflow: auto;
        padding-bottom: 5em;
    }

    /* Parent-indicatie */
    #offcanvas-navbar .my-nav>li.menu-item-has-children>a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    #offcanvas-navbar .my-nav>li.menu-item-has-children>a::after {
        display: none;
    }

    /* Items binnen het SUBPANE */
    #offcanvas-navbar .mobile-subpane-body li>a,
    #offcanvas-navbar .mobile-subpane-body li>button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .75rem 0;
        text-decoration: none;
    }

    /* Toon gekloonde submenus */
    #offcanvas-navbar .mobile-subpane [data-subpane-list] ul.sub-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        overflow: visible !important;
    }

    /* lijststijl in subpane */
    #offcanvas-navbar .mobile-subpane .sub-menu {
        list-style: none;
        padding-left: 0;
    }

    /* Reset styling in subpane */
    #offcanvas-navbar .mobile-subpane-body .dropdown-menu,
    #offcanvas-navbar .mobile-subpane-body .sub-menu {
        all: unset;
        list-style: none;
        display: block;
        padding: 0;
        margin: 0;
    }

    #offcanvas-navbar .mobile-subpane-body li {
        border-bottom: 1px solid #f0f0f0;
    }

    #offcanvas-navbar .mobile-subpane-body li>a {
        display: block;
        width: 100%;
        padding: .75rem 0;
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        color: inherit !important;
        text-decoration: none;
    }

    /* Hoverkleur */
    #offcanvas-navbar .mobile-subpane-body li>a:hover {
        color: #008037;
    }

    .sjw-chevron {
        background: none;
        border: none;
        padding: 0 .25rem;
        font-size: 1rem;
        color: inherit;
        cursor: pointer;
    }

    .sjw-chevron:hover {
        color: #008037;
    }

    /* Terugknop */
    button.btn.btn-link.mobile-subpane-back {
        background: #008037;
        color: #fff !important;
        border-color: #008037;
        padding: 6px 12px;
        text-decoration: none;
    }

    button.btn.btn-link.mobile-subpane-back:hover {
        border-color: #000;
        background: #fff;
        color: #000 !important;
    }
}

/* === Reset desktop menu styling voor mobiel === */
@media (max-width: 991.98px) {
    .my-nav {
        display: block;
        /* blok i.p.v. horizontaal */
    }

    .my-nav>li {
        display: block;
        position: static;
    }

    .my-nav>li>a {
        padding: .75rem 1rem;
    }

    /* zorg dat desktop dropdowns niet tonen */
    .my-nav ul.sub-menu {
        display: none !important;
        position: static !important;
        background: transparent !important;
        border: 0 !important;
    }

       .mobile-subpane-body a.d-flex.align-items-center {
            padding: 3px 0px !important;;
        }
}

/* standaard: submenus verborgen */
.my-nav ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background: #fff;
    border: 1px solid #ddd;
    z-index: 999;
}

/* eerste niveau tonen op hover */
.my-nav>li:hover>ul.sub-menu {
    display: block;
}

/* tweede/derde niveau verborgen */
.my-nav ul.sub-menu ul.sub-menu {
    display: none;
    top: 0;
    left: 100%;
    border: 1px solid #ddd;
}

/* tweede/derde niveau tonen pas bij hover op parent */
.my-nav ul.sub-menu li:hover>ul.sub-menu {
    display: block;
}

.sjw-chevron {
    display: inline-flex;
    /* flex container */
    align-items: center;
    /* verticaal centreren */
    justify-content: center;
    /* horizontaal centreren */

    width: 25px;
    /* grootte bol */
    height: 25px;
    margin-left: .5rem;

    background-color: #008037;
    /* goudkleurig */
    color: #fff;
    /* wit pijltje */
    border: none;
    border-radius: 50%;
    /* rond */

    font-size: 20px;
    /* >>> groter pijltje <<< */
    line-height: 1;
    /* geen extra witruimte */
    cursor: pointer;
    padding: 0;
}

.sjw-chevron:hover {
    background-color: #a87d32;
    background: #fff !important;
}
}

@media (min-width: 992px) {
    div#offcanvas-navbar {
        display: none !important;
    }
}

.sjw-chevron:hover {
    color: #008037;
    background: #fff;
}

span.sjw-chevron {
    padding-bottom: 3px;
}

.mobile-subpane {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 1rem;
  overflow-y: auto;
  //transition: transform .25s ease;
  //transform: translateX(100%);
  z-index: 2000;
}

.mobile-subpane.is-active {
  transform: translateX(0);
}

.mobile-subpane-header {
  border-bottom: 1px solid #ddd;
  padding-bottom: .75rem;
  margin-bottom: .75rem;
}

.mobile-subpane-back {
  font-size: 0.9rem;
}

.sjw-chevron {
  font-size: 1.3rem;
  margin-left: auto;
  cursor: pointer;
}

.sjw-item {
  padding: .75rem 0;
  border-bottom: 1px solid #eee;
}
.menu-thumb {
  width: 46px;
  height: 46px !important;
  object-fit: cover;
  border-radius: 8px;
  margin-right: 12px;
  flex-shrink: 0;
}
.offcanvas-body ul {
    padding-left: 0;
}
img.offcanvas-logo {
    max-width: 150px;
}

a.d-flex.align-items-center {
    color: #000;
    text-decoration: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid #e9e9e9;
}
a.d-flex.align-items-center:hover {
    color: #e49219;
    text-decoration: none;
}

.current-menu-item a {
    color: #e49219 !important;
}
.offcanvas-body a.btn.btn-primary.btn-sl {
    margin-bottom: 10px;
}
ul#menu-mobiel-info a {
    padding-left: 0;
    padding-right: 0;
    color: #000;
    text-decoration: none;
}
ul#menu-mobiel-info a:hover {
    color: #e49219;
    text-decoration: none;
}
button.btn.btn-outline-secondary.account-toggler.account-toggler {
    padding: 4px;
}

button.btn.btn-outline-secondary.cart-toggler.position-relative.cart-toggler {
    padding: 4px;
}
.topbar-wrapper.d-none.d-lg-block {
    overflow: visible;
}
ul.dropdown-menu.dropdown-menu-end.show {
    padding: 10px;
    //font-size: 14px;
}
ul.dropdown-menu.dropdown-menu-end.show a {
    color: #000;
    text-decoration: none;;
}
ul.dropdown-menu.dropdown-menu-end.show a:hover {
    color: #008037;
    text-decoration: none;
    ;
}
/* einde header

/* footer */
.site-footer {
    font-size: 14px;
}
.site-footer {
    background: #f2f2f2;
}
.footer-photo img {
    max-height: 150px;
}
.footer-newsletter button.btn.btn-primary {
    min-width: fit-content;
}
.site-footer a {
    color: #000;
    text-decoration: none;
}
.site-footer a:hover {
    color: #e49219;
    text-decoration: none;
}
.dgwt-wcas-search-input {
    box-shadow: none !important;
}
.dgwt-wcas-search-input:focus {
    box-shadow: none;
    border-color: #fff !important;
}


/* einde footer */

/* begin walker */
/* =========================================================
   MEGA MENU STRUCTURE
========================================================= */

/* Parent moet static zijn zodat mega full width kan worden */
.nav-item.mega-parent {
    position: static;
}

/* Wrapper full width van de header */
.mega-menu-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    //background: #fff;
    //border-top: 1px solid #eee;

    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all .25s ease;

    z-index: 999;
}

/* Hover trigger */
.nav-item.mega-parent:hover>.mega-menu-wrapper {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Binnenkant netjes in container houden */
.mega-menu-wrapper .container {
    max-width: 1400px;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #fff;
}


/* =========================================================
   SIDEBAR (POPULAIR / UITGELICHT)
========================================================= */

.mega-sidebar {
    border-right: 1px solid #f0f0f0;
    padding-right: 1.5rem;
}

.mega-sidebar h6 {
    font-size: .95rem;
    font-weight: 600;
    margin-bottom: .75rem;
}

.mega-product-item {
    display: flex;
    align-items: center;
    gap: .6rem;
    text-decoration: none;
    color: #333;
    font-size: .85rem;
    transition: all .2s ease;
}

.mega-product-item img {
    width: 42px;
    height: 42px;
    object-fit: cover;
    border-radius: 6px;
}

.mega-product-item:hover {
    color: #008037;
    transform: translateX(3px);
}

.mega-sidebar hr {
    margin: 1rem 0;
    opacity: .1;
}

.mega-sidebar a.small {
    font-weight: 600;
    color: #008037;
}


/* =========================================================
   COLUMNS
========================================================= */

.mega-col {
    min-width: 200px;
}

.mega-col h6,
.mega-col-title {
    font-size: .95rem;
    font-weight: 600;
    margin-bottom: .6rem;
}

.mega-col a {
    display: block;
    padding: 3px 0;
    font-size: .85rem;
    text-decoration: none;
    color: #444;
    transition: all .2s ease;
}

.mega-col a:hover {
    color: #008037;
    padding-left: 4px;
}


/* =========================================================
   PRIJZEN & MERKEN
========================================================= */

.mega-menu-wrapper ul.list-unstyled li {
    margin-bottom: 4px;
}

.mega-menu-wrapper ul.list-unstyled li a {
    font-size: 16px;
    color: #555;
    text-decoration: none;
    transition: all .2s ease;
}

.mega-menu-wrapper ul.list-unstyled li a:hover {
    color: #008037;
    padding-left: 4px;
}


/* =========================================================
   TOP LEVEL NAV
========================================================= */

.primary-desktop-menu .nav-link {
    font-weight: 500;
    padding: .6rem 1rem;
    transition: color .2s ease;
}

.primary-desktop-menu .nav-link:hover {
    color: #008037;
}


/* =========================================================
   NORMAL DROPDOWN (NON MEGA)
========================================================= */

.nav-item.dropdown .dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all .2s ease;
    border-radius: 8px;
}

.nav-item.dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}


@media (max-width: 991px) {
    .mega-menu-wrapper {
        display: none !important;
    }
}
.mega-categories-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.mega-category-column {
    min-width: 160px;
}
#shop-sidebar {
      padding: 20px 5px !important;
}
/* .mega-top-row {
    padding: 25px 0;
}

.mega-bottom-row {
    margin-top: 25px;
    padding: 20px 0;
    border-top: 1px solid #eee;
}

.mega-bottom-row .btn {
    border-radius: 30px;
} */

.mega-top-block {
    padding: 20px 0 25px;
}

.mega-bottom-block {
    border-top: 1px solid #eee;
    padding: 20px 0;
}

.mega-category-column {
    min-width: 160px;
    margin-right: 10px;
}
/* Mega wrapper moet stretchable zijn */
.mega-menu-wrapper .container>.row {
    align-items: stretch;
}

/* Rechter kolom flex layout */
.mega-right {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

/* Top block groeit */
.mega-top-block {
    flex: 1 1 auto;
}

/* Bottom block altijd onder */
.mega-bottom-block {
    margin-top: auto;
}
.mega-columns {
    column-count: 2;
    column-gap: 60px;
}

.mega-category-column {
    break-inside: avoid;
    //margin-bottom: 20px;
}
/* Alleen niveau 1 (Educatief, etc.) */
.mega-cat-title a {
    font-weight: 400;
    text-decoration: none;
    font-size: 16px;
}

/* Zorg dat subitems normaal blijven */
.mega-sub-item a,
.mega-sub-sub-item a {
    font-weight: 400;
}
.mega-menu-wrapper h6 {
    font-size: 16px;
    font-weight: 600;
}
.mega-menu-wrapper a:hover {
color: #e49219 !important;
}
.mega-menu-wrapper .container {
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    margin-bottom: 15px;
        border-radius: 5px;
}
a.mega-product-item {
    padding: 10px 0px;
}
a.btn.btn-primary {
    min-width: fit-content;
}
/* a.btn.btn-primary:hover {
    color: #000 !important;
} */
.mega-menu-wrapper {
    max-height: calc(100vh - 220px);
    /* 140px = hoogte header approx */
    overflow-y: auto;
    overflow-x: hidden;
}
.mega-menu-wrapper::-webkit-scrollbar {
    width: 6px;
}

.mega-menu-wrapper::-webkit-scrollbar-thumb {
    background: #d0d0d0;
    border-radius: 6px;
}

.mega-menu-wrapper::-webkit-scrollbar-thumb:hover {
    background: #b8b8b8;
}
/* Mega menu caret */
.nav-item.mega-parent>.nav-link::after {
    display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
}
/* Nested dropdown positioning */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

/* Hover open */
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.nav-item.dropdown:hover>.dropdown-menu {
    display: block;
}
.nav-item.dropdown {
    position: relative;
}

.nav-item.dropdown::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 100%;
    height: 20px;
}
/* Zorg dat parent relative is */
.dropdown-submenu {
    position: relative;
}

/* Niveau 3 standaard verbergen */
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0;
    display: none;
}

/* Hover gedrag desktop */
@media (min-width: 992px) {

    .nav-item.dropdown:hover>.dropdown-menu {
        display: block;
    }

    .dropdown-submenu:hover>.dropdown-menu {
        display: block !important;
    }
        .dropdown-submenu {
            position: relative;
        }
    
        .dropdown-submenu>.dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: 0;
        }
    
        .dropdown-item:hover,
        .dropdown-item:focus {
            background-color: transparent;
        }
    
        a.dropdown-item.dropdown-toggle:hover {
            color: #e49219 !important;
        }
    
        a.dropdown-item:hover {
            color: #e49219 !important;
        }
         .dropdown-menu {
          font-size: 15px;
                }
}
@media (min-width: 992px) {

    .nav-item.dropdown {
        position: relative;
    }

    .nav-item.dropdown>.dropdown-menu {
        margin-top: 0;
        top: 100%;
    }

    .nav-item.dropdown:hover>.dropdown-menu {
        display: block;
    }
.nav-item.dropdown>.nav-link::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
}
/*end mega menu */

/* begin content-product */

.card h-100 .product-image-wrapper {
    aspect-ratio: 1 / 1;
    object-fit: contain;
    padding: 10px;
}
.card p.badge.bg-secondary.text-wrap.mt-2.mb-0 {
    display: none;
}
.card h-100 .product-image-wrapper img {
    aspect-ratio: 1 / 1;
    object-fit: contain;
    padding: 10px;
}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    aspect-ratio: 1 / 1;
    padding: 10px;
}
.product-image-wrapper img {
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
}
h2.woocommerce-loop-product__title.mb-2 a {
    color: #000;
    font-size: 16px;
    font-weight: 400px;
}
h2.woocommerce-loop-product__title.mb-2 {
    min-height: 48px;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
    color: #018138;
    font-weight: 600;
}
h1.woocommerce-products-header__title.page-title {
    //font-weight: 600;
}
h3.widget-title {
    font-weight: 600;
}
.text-bg-danger {
    //color: #fff !important;
    background-color: rgb(228 146 25) !important;
}
.woocommerce-Price-amount .decimals {
    display: inline-block;
    transform: scale(0.6);
    transform-origin: left top;
}
p.stock.outofstock.mb-2 {
    color: #ff0000;
}
.price-overlay {
    background: #ebffd2 !important;
    padding: 5px;
}
.card .price {
    color: rgb(0 0 0);
}
span.decimals {
    font-weight: 400;
}
p.stock.instock.mb-2 {
    color: #018138;
    font-weight: 400;
    font-size: 14px;
}
p.stock.outofstock.mb-2 {
    color: #ff0000;
    font-size: 14px !important;
    font-weight: 400;
}
.woocommerce .card .price {
    display: block;
    margin-bottom: 0;
    font-size: 16px !important;
}
/*homeblogs */

/* ===== GROTE POST LAYOUT ===== */
.sjw-article-large {
    display: flex;
    align-items: center;
    position: relative;
    gap: 0;
}

/* Afbeeldingdeel */
.sjw-article-large .sjw-article-img {
    flex: 1;
    position: relative;
}

.sjw-article-large .sjw-article-img img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    display: block;
}


/* ===== TEKSTCONTAINER DIE OVER DE AFBEELDING VALT ===== */
.sjw-article-content {
    flex: 1;
    background: #fff;
    padding: 3rem;
    margin-left: -80px;
    /* <<< OVERLAP HIER */
    z-index: 2;
    border-radius: 6px;
    border: 1px solid #d3d3d3;
}


/* ===== RESPONSIVE AANPASSINGEN ===== */
@media (max-width: 768px) {
    .sjw-article-large {
        flex-direction: column;
    }
  .shop-layout p {
    text-align: center;
}
.woocommerce-category-description {
    text-align: center;
}
  main#primary {
    text-align: center;
}
.entry-content {
    text-align: center;
}
h1.entry-title {
    text-align: center;
}
.entry-content ol {
    text-align: left;
}
.entry-content ul {
    text-align: left;
}
    .sjw-article-content {
        margin-left: 0;
        margin-top: -40px;
        /* lichte overlap bovenaan op mobiel */
        padding: 1.5rem;
        width: 90%;
    }
}
.sjw-article-small {
    display: block;
    color: inherit;
}

.sjw-article-content-small {
    padding-top: 0.5rem;
}

.sjw-small-excerpt {
    font-size: 0.85rem;
    color: #666;
    margin: 0.3rem 0 0.6rem;
}

/* .sjw-readmore-small {
    color: #2f9e44;
    font-weight: 600;
    font-size: 0.85rem;
} */
.sjw-article-img-small img {
    border-radius: 6px !important;
}
.sjw-article-content {
    flex: 1;
    background: #fff;
    padding: 3rem;
    margin-left: -80px;
    z-index: 2;
    border-radius: 6px;
    border: 1px solid #d3d3d3;
}
.sjw-readmore {
    font-size: 16px;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #e49219;
   // border-style: solid;
    //border-width: 1px 1px 1px 1px;
    //border-color: #e49219;
    border-radius: 5px;
    padding: 6px 12px;
    width: fit-content;
    transition: transform 0.2s ease;
}
.sjw-readmore:hover {
    transform: translateY(-2px);
    color: #fff !important;
    background: #e49219c2 !important;
   // border-color: #e49219;
}
.sjw-readmore-small {
    font-size: 16px;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #e49219;
    //border-style: solid;
    //border-width: 1px 1px 1px 1px;
    //border-color: #e49219;
    border-radius: 5px;
    padding: 6px 12px;
    width: fit-content;
   transition: transform 0.2s ease;
}

.sjw-readmore-small:hover {
    transform: translateY(-2px);
    color: #fff !important;
    background: #e49219c2 !important;
}

.pet-cat-tile {
    background: #fff;
    border-radius: 6px;
    transition: transform .2s ease, box-shadow .2s ease;
}

.pet-cat-tile:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.pet-cat-image img {
    max-height: 140px;
    object-fit: contain;
}
.pet-cat-name.fw-bold {
    text-align: center;
}
.text-center.d-block.pet-cat-tile.p-2.h-100 {
    border: 1px solid #d2d2d2;}
.catview {
    padding: 0;
}

/* ==== Container ==== */
.sjw-blog-link {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
}

.sjw-blog-link:hover {
    text-decoration: underline;
}

/* ==== Large article (eerste item) ==== */

.sjw-article-large {
    display: flex;
    flex-direction: row;
    background: #fff;
    border-radius: 6px;
    text-decoration: none;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease;
}

.sjw-article-large:hover {
    transform: translateY(-4px);
    //box-shadow: 0 4px 18px rgba(0, 0, 0, 0.15);
}

.sjw-article-img img {
    width: 100%;
    height: auto;
    border-radius: 6px;
}

/* .sjw-article-content {
    padding: 20px 0 0 0;
} */

.sjw-h2 {
    font-size: 1.6rem;
    //font-weight: 700;
    color: #222;
}

.sjw-excerpt {
    color: #555;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sjw-readmore {
    color: background: #e49219
    font-weight: 500;
}

/* ==== Small article items ==== */

.sjw-article-small {
    display: block;
    text-decoration: none;
    transition: transform .25s ease, box-shadow .25s ease;
}

.sjw-article-small:hover {
    transform: translateY(-3px);
}

.sjw-article-img-small img {
    border-radius: 6px;
    width: 100%;
    height: auto;
}

.sjw-h4 {
    font-size: 16px;
    ///font-weight: 600;
    color: #222;
    margin-top: 10px;
}
.read-more-btn:hover {
    color: #000;
}
.sjw-article-content-small {
    padding: 5px 0;
}

/* Slider on mobile */

@media (max-width: 768px) {
.sjw-article-content.sjw-overlap-card {
    margin: 0;
    max-width: none;
    width: 100%;
    padding: 15px 15px;
    text-align: center;
}
.sjw-article-content.sjw-overlap-card {
    display: flex;
    flex-direction: column;
    align-items: center;
}
}

@media (max-width: 576px) {
    .mobile-slider {
        display: flex;
        overflow-x: auto;
        gap: 15px;
        padding-bottom: 10px;
    }

    .mobile-slider .col-4 {
        flex: 0 0 70%;
        max-width: 70%;
    }
}

/* Responsive fixes */

@media (max-width: 768px) {
    .sjw-article-large {
        flex-direction: column;
    }

    .sjw-article-content {
        padding: 15px 0;
    }
        .mb-4 {
            text-align: center;
        }
}
.container.sjw-blog-container {
    padding: 0;
}
.sjw-article-large {
    gap: 15px;
}
.sjw-article-img-small .img-fluid {
    aspect-ratio: 3/2;
    object-fit: cover;
}
.sjw-article-img .img-fluid {
    aspect-ratio: 3/2;
    object-fit: cover;
}
/* ============================
   MOBILE (≤576px) LAYOUT FIXES – correct 50/50 grid
   ============================ */
@media (max-width: 576px) {

    /* Eerste (grote) post altijd 100% */
    .sjw-article-large {
        width: 100%;
    }

    /* Rij met kleine posts → 2 kolommen, geen slider */
    .mobile-slider {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        overflow: visible;
    }

    /* 50/50 columns corrected for gap */
    .mobile-slider .col-4 {
        flex: 0 0 calc(50% - 7.5px);
        max-width: calc(50% - 7.5px);
    }
}
/* Verberg de 4e kleine post op desktop */
.hide-desktop {
    display: none;
}

/* Op mobiel WEL tonen (dus 4 kleine posts zichtbaar) */
@media (max-width: 576px) {
    .hide-desktop {
        display: block;
    }
}
.sjw-single__article tbody {
    font-size: 14px;
}
.sjw-single__article ul {
    font-size: 14px;
}
/* .sjw-readmore-small {
    font-size: 16px;
    fill: #FFFFFF;
    color: #FFFFFF;
    background: #e49219
    //border-style: solid;
    //border-width: 1px 1px 1px 1px;
    //border-color: #e49219;
    border-radius: 99px 99px 99px 99px;
    //padding: 5px 20px;
    width: fit-content;
}
.sjw-readmore {
    background: #e49219
    font-weight: 500;
    color: #fff;
} */
/* Einde homeblogs */

.post-thumbnail {
    display: none;
}
.swiper-slide .col-md-6.col-lg-4.col-xxl-3 {
    width: 100%;
}
input#pwgc-to {
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}
input#pwgc-from {
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}
textarea#pwgc-message {
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}
input#pwgc-redeem-gift-card-number {
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
    }


.woocommerce button.button, .woocommerce .shop_table a.button, .woocommerce .shop_table a.woocommerce-MyAccount-downloads-file.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit {
    color: #fff;
    background: #e49219;
    transition: transform 0.2s ease;
    border: none;
}
.woocommerce button.button:hover, .woocommerce .shop_table a.button:hover, .woocommerce .shop_table a.woocommerce-MyAccount-downloads-file.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover {
    transform: translateY(-2px);
        color: #fff !important;
        background: #e49219c2 !important;
}
.woocommerce div.product form.cart .button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover {
    transform: translateY(-2px);
        color: #fff !important;
        background: #e49219c2 !important;
}
.woocommerce div.product form.cart .button,
.woocommerce button.button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce button.button.alt,
.woocommerce a.button,
.woocommerce a.button-alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button {
    transition: transform 0.2s ease;
    border: none;
    border-radius: 5px;
}

input#pwgc-redeem-button {
    color: #fff;
        background: #e49219
        border: none;
        border-radius: 5px;
        padding: 6px 12px;
        transition: transform 0.2s ease;
}
.woocommerce div.product form.cart .button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button {
    color: #fff;
        background: #e49219;
        transition: transform 0.2s ease;
        border: none;
}
input#pwgc-redeem-button {
    font-weight: 400;
        background: #e49219;
            transition: transform 0.2s ease;
            border: none;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled] {
    color: #ffffff;
    transition: transform 0.2s ease;
}
input#pwgc-redeem-button:hover{
    transform: translateY(-2px);
        color: #fff !important;
        background: #e49219c2 !important;
}
.wpcf7 p {
    margin-bottom: 0px !important;
}

.borderdiv .attachment-full {
    border-radius: 15px;
}
@media (min-width: 768px) {
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    --bs-gutter-x: 3.5rem;
}}
.row.row-cols-2.row-cols-sm-2.row-cols-md-3.row-cols-lg-6.g-4.mb-4.products {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
a.woocommerce-button.button.offerte_pdf {
    margin-left: 5px;
}
.text-bg-success {
    color: #fff !important;
    ///background-color: #e49219 !important;
}

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    margin-top: 0 !important;
}
.single-product-custom .col-12.col-md-6 {
    margin-top: 0 !important;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    max-width: 100px;
}
.slide-content img {
    min-width: 100vw !important;
    max-height: 500px !important;
    object-fit: cover !important;
}

/* Homepage slider */


/* Einde Homepage slider */

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 25px !important;
}

.swiper-button-next,
.swiper-button-prev {
    color: #fff !important;
    //width: 35px !important;
    //height: 35px !important;
    border-radius: 5px;
    background: #e49219 ;
    //box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
}

.hm-home-slider.swiper-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.hm-ready.swiper-backface-hidden {
    overflow: hidden;
    border-radius: 5px;
}
.wishlist-counter {
    background: #e49219;
    padding: 4px;
    border-radius: 5px;
    transition: transform 0.2s ease;
}
button.btn.btn-outline-secondary.account-toggler.account-toggler {
    color: #fff;
    background: #e49219;
    transition: transform 0.2s ease;
}

button.btn.btn-outline-secondary.cart-toggler.position-relative.cart-toggler {
    background: #e49219;
    color: #fff;
    transition: transform 0.2s ease;
}
.wishlist-counter-icon {
    stroke: #fff;
}
.wishlist-counter:hover{
    transform: translateY(-2px);
    border-color: #e49219c2 !important;
    background: #e49219c2 !important;
}
button.btn.btn-outline-secondary.account-toggler.account-toggler:hover{
    transform: translateY(-2px);
    border-color: #e49219c2 !important;
    background: #e49219c2 !important;
} 

button.btn.btn-outline-secondary.cart-toggler.position-relative.cart-toggler:hover{
    transform: translateY(-2px);
    border-color: #e49219c2 !important;
    background: #e49219c2 !important;
}
body {
    //background: #fbfbfb;
}
.drop img {
    border-radius: 48% 52% 46% 54% / 42% 42% 58% 58% !important;
}
.add-to-cart-container .btn-primary {
    background: #008037 !important;
}
.swiper-slide {
    border-left: 1px solid #f2f2f2;
}

.hm-slide-overlay {
    display: none;
}

h1, h2, h3, h4, h5, h6 {
      font-family: Poppins, sans-serif;
}
 .hm-category-hero-inner {
    justify-content: left !important;
     align-items: flex-end !important;
} 

  div#productInfoAccordion button.accordion-button {
    background: #f3f3f3;
    color: #000;
}
.dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    font-size: 16px;
}
  span.cart-total.ms-2.d-none.d-md-inline bdi {
    display: none;
}
  span.cart-content-count.position-absolute.top-0.start-100.translate-middle.badge.rounded-pill.text-bg-danger {
    background: #008037 !important;
}
  span.cart-content {
    width: 1px;
}
.dgwt-wcas-details-title-tax, .dgwt-wcas-pd-title .product-title {
    font-weight: 400;
    letter-spacing: inherit;
}
  .dgwt-wcas-pd-addtc-form>.quantity {
    display: none;
}
  .dgwt-wcas-suggestions-wrapp.woocommerce.dgwt-wcas-has-img.dgwt-wcas-has-price.dgwt-wcas-has-headings.js-dgwt-wcas-initialized {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.mobile-topbar .carousel-item {
    font-size: 14px !important;
}
.mobile-header.d-lg-none, .mobile-midbar.bg-white.py-2.border-bottom {
      box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

@media (max-width:  991px) {
  .mobile-searchbar.bg-white.py-2.border-bottom {
    background: #0d843d !important;
}
  .dgwt-wcas-search-form {
    border: none !important;
}
  input#dgwt-wcas-search-input-1 {
    border-radius: 5px !important;
}
  .dgwt-wcas-suggestions-wrapp.woocommerce.dgwt-wcas-has-img.dgwt-wcas-has-price.dgwt-wcas-has-headings.js-dgwt-wcas-initialized {
    border-radius: 5px;
}
  .dgwt-wcas-open-pirx .dgwt-wcas-style-pirx.dgwt-wcas-style-pirx-compact .dgwt-wcas-sf-wrapp, .dgwt-wcas-open-pirx.dgwt-wcas-overlay-mobile-on .dgwt-wcas-om-bar button.dgwt-wcas-om-return {
    background: none;
}
}
  a.wishlist-counter {
    min-height: 36px;
}

  ul.dropdown-menu.dropdown-menu-end.show {
    padding: 10px;
    font-size: 16px;
    min-width: 212px;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
  .hm-home-slider.swiper-container.swiper-initialized.swiper-horizontal.swiper-backface-hidden.hm-ready {
    overflow: hidden;
}
  .container.sjw-blog-container .row {
    row-gap: 10px;
}
  .elementor-element.elementor-element-532719b.container.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded {
    border-radius: 5px;
    overflow: hidden;
}
  body ul.wpc-filter-chips-list {
    padding-left: 0;
}

.wpc-filters-section {
    background: #fff;
    //border-radius: 12px;
    padding: 15px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
}

.wpc-filter-title {
    font-size: 16px;
    font-weight: 600;
    color: #008037;
    margin-bottom: 10px;
}

.wpc-filters-scroll-container {
    //max-height: 320px;
    overflow-y: auto;
    padding-right: 5px;
}

.wpc-filters-scroll-container::-webkit-scrollbar {
    width: 6px;
}
.wpc-filters-scroll-container::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 10px;
}

.wpc-filters-ul-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wpc-term-item {
    margin-bottom: 6px;
}

.wpc-term-item label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px;
    border-radius: 8px;
    transition: all 0.2s ease;
    cursor: pointer;
}
.wpc-filters-section {
    margin-bottom: .75em;
    position: relative;
    margin-top: .75em;
}

.wpc-term-item label:hover {
    background: #f3f4f6;
}

.wpc-term-item input[type="radio"] {
    display: none;
}

.wpc-term-item input[type="radio"]:checked + label {
    background: #008037;
    color: #fff;
    font-weight: 500;
}

.wpc-filter-link {
    color: inherit;
    text-decoration: none;
    flex-grow: 1;
}

.wpc-term-count {
    font-size: 12px;
    background: #e5e7eb;
    padding: 2px 8px;
    border-radius: 20px;
    color: #374151;
}

.wpc-term-item input[type="radio"]:checked + label .wpc-term-count {
    background: rgba(255,255,255,0.2);
    color: #fff;
}

.wpc-term-item input[type="radio"]:checked + label {
    //box-shadow: 0 4px 10px rgba(41,51,89,0.25);
    //transform: translateY(-1px);
}

@media (max-width: 768px) {
    .wpc-filters-scroll-container {
        //max-height: 250px;
    }

    .wpc-term-item label {
        padding: 10px;
    }
}

  /* Overlay */
.shop-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 9998;
  display: none;
}
.hm-category-hero{
opacity:0;
visibility:hidden;
}

.hm-category-hero.hm-ready{
opacity:1;
visibility:visible;
transition:opacity .35s ease;
}
/* Sidebar off-canvas links */
#shop-sidebar {
  position: fixed;
  top: 0;
  left: -300px; /* verstopt links */
  width: 300px;
  height: 100%;
  background: #fff;
  overflow-y: auto;
  transition: left 0.3s ease;
  z-index: 9999;
  padding: 20px;
}

/* Wanneer open */
#shop-sidebar.open {
  left: 0; /* schuift in beeld */
}

/* Sluitknop */
.shop-sidebar-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: 0;
  font-size: 24px;
  cursor: pointer;
}
.shop-layout .card.h-100 {
    border: none;
}

.shop-layout .products {
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}

.shop-layout .products > [class*="col"] {
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  //padding: 20px; /* optioneel */
}
.shop-layout .col-md-6.col-lg-4.col-xxl-3 {
    margin-top: 0 !important;
}
/* Mobile toggle button op desktop verbergen als je wilt */
@media only screen and (min-width: 992px) {
  /* Verberg toggle niet als je hem ook op desktop wilt tonen */
  /* button.shop-sidebar-toggle {display:none;} */
}

/* Shop-content enkel kolom */
.shop-layout {
  //display: block;
}

@media (min-width: 1400px) {
    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25% !important;
    }
    .shop-layout .col-xxl-3 {
        padding-left: 0;
        padding-right: 0;
    }
}

}
@media (max-width: 768px) {
.shop-layout .col-md-6.col-lg-4.col-xxl-3 {
    width: 50% !important;
    padding-left: 0;
    padding-right: 0; 
}
@media (max-width: 575px) {
.shop-layout .col-md-6.col-lg-4.col-xxl-3 {
    width: 50% !important;
}}

}
@media (max-width: 340px) {
.shop-layout .col-md-6.col-lg-4.col-xxl-3 {
    width: 100%;
}}



/* Desktop sidebar styling */
@media (min-width: 992px) {

  .shop-sidebar-desktop {
    position: sticky;
    top: 120px; /* hoogte van je header */
    height: fit-content;
  }

  /* Offcanvas uitschakelen op desktop */
  #shop-overlay {
    display: none !important;
  }

  #shop-sidebar {
    display: none !important;
  }
}
/* === Mobile filterbutton vast linksonder === */
@media (max-width: 991px) {
    .shop-sidebar-toggle {
        position: fixed;
        bottom: 5px;
        left: 5px;
        z-index: 99;
        background: #ff8a00;
        color: #fff;
        padding: 5px 11px;
        border-radius: 8px;
        border: none;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
        font-size: 16px;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 8px;
    }

  .shop-sidebar-toggle svg {
    filter: brightness(0) invert(1); /* icoontje wit maken */
  }

  /* voorkom dat andere elementen eroverheen vallen */
  .shop-layout {
    padding-bottom: 70px;
  }
}
p.woocommerce-result-count {
    display: none;
}
.swiper-slide .col-md-6.col-lg-4.col-xxl-3 {
    width: 100% !important;
}


.mega-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 0px;
}
.mega-category-column {
    background: #f8f9fa;
    padding: 10px;
    border-radius: 10px;
    //transition: all 0.2s ease;
}
.mega-category-column:hover {
    background: #ffffff;
    //box-shadow: 0 8px 25px rgba(0,0,0,0.06);
}
.mega-cat-title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.mega-cat-title a {
    color: #1d1d1d;
    text-decoration: none;
}

.mega-cat-title a:hover {
    color: #ff8c00;
}
.mega-cat-list li {
    margin-bottom: 6px;
}

.mega-cat-list a {
    font-size: 13px;
    color: #666;
    text-decoration: none;
    display: block;
    padding: 4px 0;
    //transition: all 0.15s ease;
}
.mega-cat-list a:hover {
    color: #ff8c00;
    padding-left: 6px;
}
.mega-category-column {
    border: 1px solid #eee;
}
.mega-sidebar {
    border-right: 1px solid #eee;
    padding-right: 25px;
}
.mega-product-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    text-decoration: none;
}

.mega-product-item span {
    font-size: 13px;
    color: #333;
}

.mega-product-item:hover span {
    color: #ff8c00;
}
.mega-bottom-block {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}
.mega-menu-wrapper h6 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
li.mega-sub-item a {
    font-size: 14px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}



/* Variaties onder elkaar */
.variations tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.variations th.label {
    width: 100% !important;
    display: block;
    margin-bottom: 6px;
    text-align: left;
}

.variations td.value {
    width: 100% !important;
    display: block;
}
.variations th.label label {
    font-weight: 600;
    font-size: 14px;
    color: #293359; /* jouw SpeelJeWijs kleur */
}

.variations select {
    width: 100%;
    padding: 10px;
    border-radius: 6px;
}
.summary span.woocommerce-Price-amount.amount {
    font-size: 25px;
}
ins bdi {
    color: #008037;
}
.single-product-custom .col-md-6 {
    padding: 0;
}

.single-product-custom {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

/* desktop */
@media (min-width: 768px) {
    .single-product-custom > .col-md-6 {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px);
    }
}

/* mobile */
@media (max-width: 767px) {
    .single-product-custom > .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
 .productcontainer {
    text-align: center;
}
form.cart {
    justify-content: center;
}
.single-product-usps {
    align-items: center;
} 
}
.page-link:focus {
    color: #e49219;
}
.page-link:hover {
    color: #e49219;
}
.price-left {
    max-width: 65px;
}

span.stock-badge.badge.text-bg-danger.mb-3 {
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.wpc-counter-length-3 .wpc-term-count {
    width: fit-content !important;
}
.wpc-counter-length-1 .wpc-term-count {
    width: fit-content !important;
}
.wpc-counter-length-2 .wpc-term-count {
    width: fit-content !important;
}
.wpc-term-selected label {
    background: #008037;
    color: #fff;
}
.woocommerce-mini-cart__buttons.buttons a.btn.btn-secondary.d-block.mb-2 {
    background: #008037;
    transition: transform 0.2s ease;
}
.woocommerce-mini-cart__buttons.buttons a.btn.btn-secondary.d-block.mb-2:hover {
transform: translateY(-2px);
background: #008037de;
	border-color: #008037de;
}
p#billing_address_2_field {
    display: none !important;
}

.offcanvas dl.variation {
    display: flex;
    flex-direction: column;
}
#offcanvas-cart dl.variation dt {
    font-weight: 600;
}