/* ========== Site dark mode – body.site-dark ========== */
body.site-dark {
    --site-bg: #1a1d23;
    --site-card-bg: #22262e;
    --site-border: #2d323c;
    /* Teksthiërarchie: minder hard wit, meer variatie */
    --site-text: #b4b8c0;
    --site-text-heading: #dfe1e5;
    --site-muted: #8a919e;
    --site-primary: #59ab6e;
    --site-success: #69bb7e;
    --site-danger: #f87171;
    --site-warning: #fbbf24;
    --site-info: #22d3ee;
}

body.site-dark {
    background-color: #16181d;
    color: var(--site-text);
}

/* Algemene teksten en koppen – hiërarchie: koppen iets lichter dan lichaamstekst */
body.site-dark h1,
body.site-dark h2,
body.site-dark h3,
body.site-dark h4,
body.site-dark h5,
body.site-dark h6 {
    color: var(--site-text-heading) !important;
}
body.site-dark .card-body,
body.site-dark .container,
body.site-dark .container-fluid,
body.site-dark main {
    color: var(--site-text);
}
/* Profielpagina: containerachtergrond gelijk aan site-achtergrond (geen witte bak) */
body.site-dark .profile-page-wrap.bg-white {
    background-color: transparent !important;
}
body.site-dark .text-dark,
body.site-dark .text-black {
    color: var(--site-text-heading) !important;
}
/* Alle inputvelden (ook zonder .form-control) leesbaar */
body.site-dark input:not([type="submit"]):not([type="button"]):not([type="image"]):not([type="hidden"]),
body.site-dark select,
body.site-dark textarea {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
    color: var(--site-text) !important;
}
body.site-dark input::placeholder,
body.site-dark textarea::placeholder {
    color: var(--site-muted) !important;
}
/* Theme toggle button in header */
body.site-dark .site-theme-toggle,
body.site-dark .site-theme-toggle i {
    color: var(--site-text) !important;
}
body.site-dark .site-theme-toggle:hover {
    color: var(--site-text-heading) !important;
}

/* Sections */
body.site-dark .page-section-alt,
body.site-dark .contact-section--alt,
body.site-dark .contact-page-wrap {
    background-color: var(--site-bg) !important;
    background-image: none !important;
}
/* FAQ-pagina: contentcontainerzelfde achtergrond als site in dark mode (geen grijze bak) */
body.site-dark .container .col-lg-10.mx-auto.page-section-alt.bg-white.rounded {
    background-color: var(--site-bg) !important;
}
body.site-dark .contact-intro-block {
    background-color: rgba(89, 171, 110, 0.35) !important;
    background-image: none !important;
    border-bottom: 1px solid var(--site-primary);
}
body.site-dark .contact-hero {
    background-color: var(--site-bg) !important;
}
body.site-dark .contact-intro-block__title,
body.site-dark .contact-intro-block__text {
    color: var(--site-text) !important;
}
body.site-dark .contact-intro-block__icon {
    color: var(--site-muted) !important;
}

/* Contactpagina – hero (bovenste titel + lead) */
body.site-dark .contact-hero__title {
    color: var(--site-primary) !important;
    border-bottom-color: var(--site-primary) !important;
}
body.site-dark .contact-hero__lead {
    color: var(--site-muted) !important;
}

/* Contactpagina – groen blok: titel groen, lichaamstekst muted (minder wit) */
body.site-dark .contact-intro-block__title {
    color: var(--site-primary) !important;
    border-bottom-color: rgba(89, 171, 110, 0.5) !important;
}
body.site-dark .contact-intro-block__text {
    color: var(--site-muted) !important;
}
body.site-dark .contact-intro-block__icon {
    color: var(--site-primary) !important;
}
body.site-dark .page-section-white {
    background-color: transparent !important;
}

/* ========== Aboutpagina – dark mode ========== */
body.site-dark .about-page-wrap {
    background: linear-gradient(180deg, var(--site-bg) 0%, #16181d 10rem) !important;
}
body.site-dark .about-hero__title {
    color: var(--site-primary) !important;
    border-bottom-color: var(--site-primary) !important;
}
body.site-dark .about-hero__lead {
    color: var(--site-muted) !important;
}
/* Groen blok "Wie wij zijn": iets donkerder groen, witte tekst blijft */
body.site-dark .about-wie-block {
    background-color: #3d7a4a !important;
}
body.site-dark .about-wie-block,
body.site-dark .about-wie-block .col-lg-8,
body.site-dark .about-wie-block p,
body.site-dark .about-wie-block h2,
body.site-dark .about-wie-block__title,
body.site-dark .about-wie-block__text,
body.site-dark .about-wie-block__icon {
    color: #fff !important;
}
body.site-dark .about-wie-block__title {
    border-bottom-color: rgba(255, 255, 255, 0.5) !important;
}
body.site-dark .about-section--alt {
    background-color: var(--site-bg) !important;
}
body.site-dark .about-section__title,
body.site-dark .about-page-wrap .about-section__title {
    color: var(--site-primary) !important;
    border-bottom-color: var(--site-primary) !important;
}
body.site-dark .about-section__text {
    color: var(--site-muted) !important;
}
body.site-dark .about-value-card {
    background: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
body.site-dark .about-value-card:hover {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
}
body.site-dark .about-value-card__title {
    color: var(--site-text-heading) !important;
}
body.site-dark .about-value-card__desc {
    color: var(--site-muted) !important;
}
body.site-dark .about-value-card__icon {
    background: rgba(89, 171, 110, 0.25) !important;
    color: var(--site-primary) !important;
}
body.site-dark .about-reasons-list__item {
    border-bottom-color: var(--site-border) !important;
}
body.site-dark .about-reasons-list__icon {
    background: rgba(89, 171, 110, 0.25) !important;
    color: var(--site-primary) !important;
}
body.site-dark .about-reasons-list__title {
    color: var(--site-text-heading) !important;
}
body.site-dark .about-reasons-list__desc {
    color: var(--site-muted) !important;
}
body.site-dark .about-cta-card {
    background: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
}
body.site-dark .about-cta-card__title {
    color: var(--site-primary) !important;
    border-bottom-color: var(--site-primary) !important;
}
body.site-dark .about-cta-card__text {
    color: var(--site-muted) !important;
}
body.site-dark .about-cta-card__actions .btn-success {
    background: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
    color: #fff !important;
}
body.site-dark .about-cta-card__actions .btn-success:hover {
    background: #4a9a5e !important;
    border-color: #4a9a5e !important;
    color: #fff !important;
}
body.site-dark .about-cta-card__actions .btn-outline-success {
    color: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
}
body.site-dark .about-cta-card__actions .btn-outline-success:hover {
    background: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
    color: #fff !important;
}

/* ========== Grijze achtergronden → donker in dark mode ========== */
body.site-dark .bg-light {
    background-color: var(--site-bg) !important;
}
body.site-dark .bg-white {
    background-color: var(--site-card-bg) !important;
}
body.site-dark section.bg-light {
    background-color: var(--site-bg) !important;
}
body.site-dark .row.bg-light.rounded,
body.site-dark .bg-light.rounded {
    background-color: var(--site-card-bg) !important;
    border: 1px solid var(--site-border);
}
@media (max-width: 767.98px) {
    body.site-dark .home-delivery-bar .col-md-4 {
        border-top-color: var(--site-border) !important;
    }
    body.site-dark .home-delivery-bar .home-delivery-item {
        border-bottom-color: var(--site-border) !important;
    }
}
body.site-dark code.bg-light {
    background-color: var(--site-card-bg) !important;
    color: var(--site-text);
    border: 1px solid var(--site-border);
}
body.site-dark .checkout-payment-method-block.bg-light {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border);
}
body.site-dark .checkout-payment-method-title,
body.site-dark .checkout-payment-method-block .checkout-payment-method-title {
    color: var(--site-primary) !important;
}
body.site-dark .checkout-payment-method-block .small.text-muted.mb-3,
body.site-dark .checkout-payment-method-block p.small.text-muted {
    color: var(--site-text) !important;
}
/* Checkout-pagina: subtielere teksten en titels in dark mode (minder wit) */
body.site-dark .page-checkout .card .card-body h2,
body.site-dark .page-checkout .card .card-body h3,
body.site-dark .page-checkout .card .card-body .h5,
body.site-dark .page-checkout .card .card-body .h6 {
    color: var(--site-muted) !important;
}
body.site-dark .page-checkout .card .card-body p,
body.site-dark .page-checkout .card .card-body .form-label,
body.site-dark .page-checkout .card .card-body .small.text-muted {
    color: var(--site-muted) !important;
}
body.site-dark .page-checkout .card .card-body .d-flex.justify-content-between span:not(.text-success),
body.site-dark .page-checkout .card .card-body .d-flex.small span {
    color: var(--site-muted) !important;
}
body.site-dark .page-checkout .card .card-body .text-dark,
body.site-dark .page-checkout .card .card-body h6.text-dark {
    color: var(--site-muted) !important;
}
body.site-dark .page-checkout .checkout-payment-method-title {
    color: var(--site-muted) !important;
}
body.site-dark .page-checkout .checkout-payment-method-block p.small.text-muted {
    color: var(--site-muted) !important;
}
body.site-dark .page-checkout .card .card-body strong {
    color: var(--site-text);
}
body.site-dark .page-checkout .card .card-body .h6.mb-0,
body.site-dark .page-checkout .card .card-body .h4.mb-0 {
    color: var(--site-text) !important;
}
body.site-dark .page-checkout .card .card-body .text-success {
    color: var(--site-primary) !important;
}
body.site-dark #template-mo-zay-hero-carousel {
    background: var(--site-bg) !important;
}
body.site-dark #template-mo-zay-hero-carousel .text-align-left .h2,
body.site-dark #template-mo-zay-hero-carousel .text-align-left h3 {
    color: var(--site-text-heading) !important;
}
body.site-dark #template-mo-zay-hero-carousel .text-align-left > p:not(.text-muted) {
    color: var(--site-text) !important;
}
body.site-dark #template-mo-zay-hero-carousel .text-align-left,
body.site-dark #template-mo-zay-hero-carousel p {
    color: var(--site-text) !important;
}
body.site-dark #template-mo-zay-hero-carousel .text-muted {
    color: var(--site-muted) !important;
}

/* Algemene teksten en paragrafen */
body.site-dark p,
body.site-dark .card-text,
body.site-dark .product-desc-home,
body.site-dark .small {
    color: var(--site-text) !important;
}
body.site-dark .small.text-muted,
body.site-dark p.text-muted {
    color: var(--site-muted) !important;
}
body.site-dark a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: var(--site-success);
}
body.site-dark a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
    color: #86efac;
}
body.site-dark .home-cat-card-link.text-dark,
body.site-dark .home-cat-card-link {
    color: var(--site-text) !important;
}
body.site-dark .home-cat-card-link:hover {
    color: #fff !important;
}

/* Titels met onderlijn (tm-title-underline) */
body.site-dark .tm-title-underline,
body.site-dark .tm-title-underline.tm-title-accent-dark,
body.site-dark .tm-title-underline.tm-title-accent-success {
    color: var(--site-text) !important;
    border-bottom-color: var(--site-primary) !important;
}
body.site-dark a.tm-title-underline {
    color: var(--site-success) !important;
}
body.site-dark a.tm-title-underline:hover {
    color: #86efac !important;
}

/* Homepage: categoriekaarten (icon-blokken) */
body.site-dark .home-cat-icon,
body.site-dark .services-icon-wap {
    background-color: var(--site-card-bg) !important;
    border: 1px solid var(--site-border);
    color: var(--site-text) !important;
}
body.site-dark .home-cat-icon .h1,
body.site-dark .home-cat-icon .h2,
body.site-dark .home-cat-icon .h5 {
    color: var(--site-text) !important;
}
body.site-dark .top-keuze {
    color: var(--site-muted) !important;
}

/* Toast (gast-login) */
body.site-dark .toast {
    background-color: var(--site-card-bg) !important;
    border: 1px solid var(--site-border) !important;
}
body.site-dark .toast-body {
    background-color: var(--site-card-bg) !important;
    color: var(--site-text) !important;
}
body.site-dark .toast-header.bg-dark {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border);
}

/* Productkaart overlay-knoppen */
body.site-dark .btn-light {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border: 1px solid var(--site-border) !important;
    color: var(--site-text) !important;
}
body.site-dark .btn-light:hover,
body.site-dark .btn-light.text-dark:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
}
body.site-dark .btn-light.text-dark {
    color: var(--site-text) !important;
}

/* Home reviews-cards */
body.site-dark .home-review-card-link .card {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
}
body.site-dark .home-review-card-link:hover .card {
    background-color: rgba(89, 171, 110, 0.15) !important;
    border-color: var(--site-primary) !important;
}
body.site-dark .home-review-card-link.text-dark {
    color: var(--site-text) !important;
}
body.site-dark .home-review-card-link .card-body,
body.site-dark .home-review-card-link .h6 {
    color: var(--site-text) !important;
}

/* Ticket-widget, product-description-toggle, btn-link, errorpagina */
body.site-dark .ticket-panel.bg-white,
body.site-dark .support-panel.bg-white,
body.site-dark #ticket-form.bg-white {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border);
}
body.site-dark .product-description-toggle.bg-white {
    background-color: var(--site-card-bg) !important;
    color: var(--site-text);
    border-color: var(--site-border);
}
/* Shop-item: product title + Waarom bij ons bestellen groen */
body.site-dark .shop-item-page h1.tm-title-underline.tm-title-accent-success,
body.site-dark .shop-item-page .product-trust-block h6.tm-title-underline.tm-title-accent-success,
body.site-dark.shop-item-page .product-detail-info h1,
body.site-dark.shop-item-page .product-detail-info h1.tm-title-underline {
    color: var(--site-primary) !important;
    border-bottom-color: var(--site-primary) !important;
}
/* Shop-item: productbeschrijving dropdown – titel groen, pijl en inhoud leesbaar */
body.site-dark .shop-item-page .product-description-toggle .tm-title-accent-dark,
body.site-dark .shop-item-page .product-description-toggle span.tm-title-underline,
body.site-dark.shop-item-page .product-description-toggle span,
body.site-dark.shop-item-page .product-description-toggle .collapse-icon,
body.site-dark .shop-item-page .product-description-toggle .collapse-icon {
    color: var(--site-primary) !important;
    border-bottom-color: var(--site-primary) !important;
}
body.site-dark .shop-item-page .product-description-toggle,
body.site-dark.shop-item-page .product-description-toggle {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
    color: var(--site-text);
}
body.site-dark .shop-item-page .forum-list-card {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border);
}
/* Productbeschrijving inhoud: overschrijf custom.css color #212529 – lichte tekst in dark mode */
body.site-dark .shop-item-page .product-description-collapse,
body.site-dark .shop-item-page .product-description,
body.site-dark .shop-item-page .product-description-collapse *,
body.site-dark .shop-item-page .product-description *,
body.site-dark #product-description-collapse,
body.site-dark #product-description-collapse.product-description,
body.site-dark #product-description-collapse .product-description,
body.site-dark #product-description-collapse .product-description-collapse,
body.site-dark .forum-list-card .product-description {
    background-color: var(--site-card-bg) !important;
    color: var(--site-text) !important;
}
/* Elke .product-description op de site in dark mode: lichte tekst (overschrijft custom.css #212529) */
body.site-dark .product-description {
    color: var(--site-text) !important;
}
/* Vaak samen gekocht: titel en icoon groen */
body.site-dark .cross-sell-accent-success .forum-page-title,
body.site-dark .cross-sell-accent-success .forum-page-title.tm-title-underline,
body.site-dark .cross-sell-accent-success .forum-page-title.tm-title-accent-success,
body.site-dark .cross-sell-accent-success .forum-page-title i,
body.site-dark .shop-item-page .cross-sell-accent-success .forum-page-title,
body.site-dark .shop-item-page .cross-sell-accent-success .forum-page-title i {
    color: var(--site-primary) !important;
    border-bottom-color: var(--site-primary) !important;
}
body.site-dark .shop-item-page .cross-sell-accent-success .forum-page-title i {
    color: var(--site-primary) !important;
}
/* Shop-item: info-cards (Verzending, Klantenservice, Veilig betalen) */
body.site-dark .product-info-box {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
    color: var(--site-text) !important;
}
body.site-dark .product-info-box .product-info-box-title,
body.site-dark .product-info-box h6 {
    color: var(--site-text) !important;
}
body.site-dark .product-info-box .text-muted,
body.site-dark .product-info-box small {
    color: var(--site-muted) !important;
}
body.site-dark .product-trust-block {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
    color: var(--site-text) !important;
}
body.site-dark .product-trust-block .text-success {
    color: var(--site-primary) !important;
}
body.site-dark .btn-link.text-dark {
    color: var(--site-text) !important;
}
body.site-dark .btn-link.text-dark:hover {
    color: var(--site-success) !important;
}
body.site-dark .error-main.bg-light {
    background-color: var(--site-bg) !important;
}

/* Top nav bar */
body.site-dark #templatemo_nav_top {
    background-color: #16181d !important;
    border-bottom: 1px solid var(--site-border);
}
body.site-dark #templatemo_nav_top .navbar-sm-brand,
body.site-dark #templatemo_nav_top .text-light {
    color: var(--site-text) !important;
}
body.site-dark #templatemo_nav_top a:hover {
    color: var(--site-text-heading) !important;
}
/* Top bar: iconen groen in dark mode */
body.site-dark #templatemo_nav_top .fa {
    color: var(--site-primary) !important;
}

/* Main navbar */
body.site-dark .navbar.navbar-expand-lg.navbar-light.shadow {
    background-color: var(--site-card-bg) !important;
    border-bottom: 1px solid var(--site-border);
}
body.site-dark #templatemo_main_nav .nav-link {
    color: var(--site-text) !important;
}
body.site-dark #templatemo_main_nav .nav-link:hover {
    color: var(--site-success) !important;
}
body.site-dark .navbar-brand.logo {
    color: var(--site-success) !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    -webkit-text-stroke: 0.4px rgba(255, 255, 255, 0.2) !important;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}
body.site-dark .navbar-brand.logo:hover {
    color: #69bb7e !important;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.3) !important;
}
/* Menu-iconen (theme, zoeken, winkelwagen, account) groen in dark mode */
body.site-dark .nav-icon,
body.site-dark .nav-icon.text-dark,
body.site-dark .nav-icon .text-dark,
body.site-dark .nav-icon .fa,
body.site-dark .nav-icon i,
body.site-dark #templatemo_main_nav .nav-icon,
body.site-dark #templatemo_main_nav .nav-icon .fa,
body.site-dark .site-theme-toggle,
body.site-dark .site-theme-toggle i,
body.site-dark .site-theme-toggle-desktop,
body.site-dark .site-theme-toggle-mobile,
body.site-dark .site-theme-toggle-mobile .fa {
    color: var(--site-primary) !important;
}
body.site-dark .nav-icon:hover,
body.site-dark .nav-icon:hover .fa,
body.site-dark .nav-icon:hover i,
body.site-dark .site-theme-toggle:hover,
body.site-dark .site-theme-toggle:hover i {
    color: #86efac !important;
}
body.site-dark .dropdown-menu {
    background-color: var(--site-card-bg) !important;
    border: 1px solid var(--site-border);
}
body.site-dark .dropdown-item {
    color: var(--site-text) !important;
}
body.site-dark .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: var(--site-text-heading) !important;
}
body.site-dark .dropdown-divider {
    border-color: var(--site-border);
}
body.site-dark .dropdown-item.text-danger {
    color: #fca5a5 !important;
}
body.site-dark .dropdown-item.text-danger:hover {
    color: #fecaca !important;
}
body.site-dark .navbar-toggler-icon {
    filter: invert(58%) sepia(42%) saturate(800%) hue-rotate(100deg);
}
/* Mobiele menu-toggle knop: groen in dark mode */
body.site-dark .navbar-toggler {
    color: var(--site-primary) !important;
}
body.site-dark .navbar-toggler .navbar-toggler-icon {
    filter: invert(58%) sepia(42%) saturate(800%) hue-rotate(100deg);
}

/* Buttons: dark mode = outline style */
body.site-dark .btn-primary {
    background-color: rgba(13, 110, 253, 0.22) !important;
    border: 1px solid #6ea8fe !important;
    color: #93c5fd !important;
}
body.site-dark .btn-primary:hover {
    background-color: rgba(13, 110, 253, 0.4) !important;
    border-color: #6ea8fe !important;
    color: #bfdbfe !important;
}

body.site-dark .btn-success {
    background-color: rgba(89, 171, 110, 0.22) !important;
    border: 1px solid var(--site-primary) !important;
    color: #86efac !important;
}
body.site-dark .btn-success:hover {
    background-color: rgba(89, 171, 110, 0.4) !important;
    border-color: var(--site-success) !important;
    color: #bbf7d0 !important;
}

body.site-dark .btn-danger {
    background-color: rgba(248, 113, 113, 0.18) !important;
    border: 1px solid var(--site-danger) !important;
    color: #fca5a5 !important;
}
body.site-dark .btn-danger:hover {
    background-color: rgba(248, 113, 113, 0.35) !important;
    border-color: var(--site-danger) !important;
    color: #fecaca !important;
}

body.site-dark .btn-warning {
    background-color: rgba(251, 191, 36, 0.18) !important;
    border: 1px solid var(--site-warning) !important;
    color: #fcd34d !important;
}
body.site-dark .btn-warning:hover {
    background-color: rgba(251, 191, 36, 0.35) !important;
    border-color: var(--site-warning) !important;
    color: #fde68a !important;
}

body.site-dark .btn-info {
    background-color: rgba(34, 211, 238, 0.18) !important;
    border: 1px solid var(--site-info) !important;
    color: #67e8f9 !important;
}
body.site-dark .btn-info:hover {
    background-color: rgba(34, 211, 238, 0.35) !important;
    border-color: var(--site-info) !important;
    color: #a5f3fc !important;
}

body.site-dark .btn-secondary {
    background-color: rgba(45, 50, 60, 0.6) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #d1d5db !important;
}
body.site-dark .btn-secondary:hover {
    background-color: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: #fff !important;
}

body.site-dark .btn-dark {
    background-color: rgba(45, 50, 60, 0.5) !important;
    border: 1px solid var(--site-border) !important;
    color: var(--site-text) !important;
}
body.site-dark .btn-dark:hover {
    background-color: var(--site-border) !important;
    border-color: var(--site-muted) !important;
    color: #fff !important;
}

body.site-dark .btn-outline-primary { color: #93c5fd !important; border-color: #6ea8fe !important; }
body.site-dark .btn-outline-primary:hover { background-color: rgba(13, 110, 253, 0.2); color: #bfdbfe !important; }
body.site-dark .btn-outline-success { color: #86efac !important; border-color: var(--site-primary) !important; }
body.site-dark .btn-outline-success:hover { background-color: rgba(89, 171, 110, 0.2); color: #bbf7d0 !important; }
body.site-dark .btn-outline-danger { color: #fca5a5 !important; border-color: var(--site-danger) !important; }
body.site-dark .btn-outline-danger:hover { background-color: rgba(248, 113, 113, 0.2); color: #fecaca !important; }
body.site-dark .btn-outline-secondary { color: #d1d5db !important; border-color: rgba(255, 255, 255, 0.2) !important; }
body.site-dark .btn-outline-secondary:hover { background-color: rgba(255, 255, 255, 0.1); color: #fff !important; }

/* Forum/shop knoppen: outline-stijl met doorzichtige groene achtergrond in dark mode */
body.site-dark .btn-forum-green {
    background-color: rgba(89, 171, 110, 0.25) !important;
    background-image: none !important;
    border: 1px solid var(--site-primary) !important;
    color: #86efac !important;
}
body.site-dark .btn-forum-green:hover {
    background-color: rgba(89, 171, 110, 0.4) !important;
    background-image: none !important;
    border-color: var(--site-success) !important;
    color: #bbf7d0 !important;
}
body.site-dark .btn-outline-forum-green {
    color: var(--site-primary) !important;
    border: 1px solid var(--site-primary) !important;
    background-color: rgba(89, 171, 110, 0.15) !important;
    background-image: none !important;
}
body.site-dark .btn-outline-forum-green:hover {
    background-color: rgba(89, 171, 110, 0.3) !important;
    border-color: var(--site-success) !important;
    color: #86efac !important;
}

/* Nav pills / nav tabs – outline style */
body.site-dark .nav-pills {
    gap: 0.5rem;
}
body.site-dark .nav-pills .nav-link,
body.site-dark .nav-tabs .nav-link {
    color: var(--site-text) !important;
    background-color: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}
body.site-dark .nav-pills .nav-link:hover,
body.site-dark .nav-tabs .nav-link:hover {
    color: var(--site-text-heading) !important;
    background-color: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
}
body.site-dark .nav-pills .nav-link.active,
body.site-dark .nav-tabs .nav-link.active {
    background-color: rgba(89, 171, 110, 0.25) !important;
    border: 1px solid var(--site-primary) !important;
    color: #86efac !important;
}
body.site-dark .nav-pills .nav-link.active:hover,
body.site-dark .nav-tabs .nav-link.active:hover {
    background-color: rgba(89, 171, 110, 0.4) !important;
    color: #bbf7d0 !important;
}

/* FAQ-tabs: blauw in dark mode */
body.site-dark .faq-nav-tabs .nav-link:hover {
    color: #6ea8fe !important;
    background-color: rgba(13, 110, 253, 0.2) !important;
    border-color: rgba(13, 110, 253, 0.4) !important;
}
body.site-dark .faq-nav-tabs .nav-link.active,
body.site-dark .faq-nav-tabs .nav-link.active:hover {
    background-color: rgba(13, 110, 253, 0.35) !important;
    border-color: #6ea8fe !important;
    color: #93c5fd !important;
}
/* FAQ-tabs: per tab eigen kleur in dark mode */
body.site-dark .faq-nav-tabs .nav-item:nth-child(1) .nav-link.active,
body.site-dark .faq-nav-tabs .nav-item:nth-child(1) .nav-link.active:hover {
    background-color: rgba(13, 110, 253, 0.35) !important; border-color: #93c5fd !important; color: #bfdbfe !important;
}
body.site-dark .faq-nav-tabs .nav-item:nth-child(2) .nav-link:hover {
    color: #5eead4 !important; background-color: rgba(13, 148, 136, 0.2) !important; border-color: rgba(13, 148, 136, 0.4) !important;
}
body.site-dark .faq-nav-tabs .nav-item:nth-child(2) .nav-link.active,
body.site-dark .faq-nav-tabs .nav-item:nth-child(2) .nav-link.active:hover {
    background-color: rgba(13, 148, 136, 0.35) !important; border-color: #5eead4 !important; color: #99f6e4 !important;
}
body.site-dark .faq-nav-tabs .nav-item:nth-child(3) .nav-link:hover {
    color: #c4b5fd !important; background-color: rgba(111, 66, 193, 0.2) !important; border-color: rgba(111, 66, 193, 0.4) !important;
}
body.site-dark .faq-nav-tabs .nav-item:nth-child(3) .nav-link.active,
body.site-dark .faq-nav-tabs .nav-item:nth-child(3) .nav-link.active:hover {
    background-color: rgba(111, 66, 193, 0.35) !important; border-color: #c4b5fd !important; color: #ddd6fe !important;
}

/* Shop category-tabs: per tab eigen kleur in dark mode */
body.site-dark .shop-category-tabs .nav-link {
    color: var(--site-text) !important;
    background-color: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}
body.site-dark .shop-category-tabs .nav-item:nth-child(1) .nav-link.active,
body.site-dark .shop-category-tabs .nav-item:nth-child(1) .nav-link:hover {
    color: #86efac !important; background-color: rgba(25, 135, 84, 0.25) !important; border-color: var(--site-primary) !important;
}
body.site-dark .shop-category-tabs .nav-item:nth-child(2) .nav-link.active,
body.site-dark .shop-category-tabs .nav-item:nth-child(2) .nav-link:hover {
    color: #93c5fd !important; background-color: rgba(13, 110, 253, 0.25) !important; border-color: #6ea8fe !important;
}
body.site-dark .shop-category-tabs .nav-item:nth-child(3) .nav-link.active,
body.site-dark .shop-category-tabs .nav-item:nth-child(3) .nav-link:hover {
    color: #fed7aa !important; background-color: rgba(253, 126, 20, 0.25) !important; border-color: #fdba74 !important;
}
body.site-dark .shop-category-tabs .nav-item:nth-child(4) .nav-link.active,
body.site-dark .shop-category-tabs .nav-item:nth-child(4) .nav-link:hover {
    color: #99f6e4 !important; background-color: rgba(13, 148, 136, 0.25) !important; border-color: #5eead4 !important;
}
body.site-dark .shop-category-tabs .nav-item:nth-child(5) .nav-link.active,
body.site-dark .shop-category-tabs .nav-item:nth-child(5) .nav-link:hover {
    color: #ddd6fe !important; background-color: rgba(111, 66, 193, 0.25) !important; border-color: #c4b5fd !important;
}
body.site-dark .shop-category-tabs .nav-item:nth-child(6) .nav-link.active,
body.site-dark .shop-category-tabs .nav-item:nth-child(6) .nav-link:hover {
    color: #6ee7b7 !important; background-color: rgba(5, 150, 105, 0.25) !important; border-color: #34d399 !important;
}

/* Profiel-tabs: oranje in dark mode */
body.site-dark .profile-nav-pills .nav-link:hover {
    color: #fdba74 !important;
    background-color: rgba(253, 126, 20, 0.2) !important;
    border-color: rgba(253, 126, 20, 0.4) !important;
}
body.site-dark .profile-nav-pills .nav-link.active,
body.site-dark .profile-nav-pills .nav-link.active:hover {
    border-color: #fdba74 !important;
    color: #fed7aa !important;
}
/* Profiel-tabs: per tab eigen kleur in dark mode */
body.site-dark .profile-nav-pills .nav-item:nth-child(1) .nav-link.active,
body.site-dark .profile-nav-pills .nav-item:nth-child(1) .nav-link.active:hover {
    background-color: rgba(253, 126, 20, 0.35) !important; border-color: #fdba74 !important; color: #fed7aa !important;
}
body.site-dark .profile-nav-pills .nav-item:nth-child(2) .nav-link:hover {
    color: #5eead4 !important; background-color: rgba(13, 148, 136, 0.2) !important; border-color: rgba(13, 148, 136, 0.4) !important;
}
body.site-dark .profile-nav-pills .nav-item:nth-child(2) .nav-link.active,
body.site-dark .profile-nav-pills .nav-item:nth-child(2) .nav-link.active:hover {
    background-color: rgba(13, 148, 136, 0.35) !important; border-color: #5eead4 !important; color: #99f6e4 !important;
}
body.site-dark .profile-nav-pills .nav-item:nth-child(3) .nav-link:hover {
    color: #93c5fd !important; background-color: rgba(13, 110, 253, 0.2) !important; border-color: rgba(13, 110, 253, 0.4) !important;
}
body.site-dark .profile-nav-pills .nav-item:nth-child(3) .nav-link.active,
body.site-dark .profile-nav-pills .nav-item:nth-child(3) .nav-link.active:hover {
    background-color: rgba(13, 110, 253, 0.35) !important; border-color: #93c5fd !important; color: #bfdbfe !important;
}
body.site-dark .profile-nav-pills .nav-item:nth-child(4) .nav-link:hover {
    color: #c4b5fd !important; background-color: rgba(111, 66, 193, 0.2) !important; border-color: rgba(111, 66, 193, 0.4) !important;
}
body.site-dark .profile-nav-pills .nav-item:nth-child(4) .nav-link.active,
body.site-dark .profile-nav-pills .nav-item:nth-child(4) .nav-link.active:hover {
    background-color: rgba(111, 66, 193, 0.35) !important; border-color: #c4b5fd !important; color: #ddd6fe !important;
}

/* Forms */
body.site-dark .form-control,
body.site-dark .form-select,
body.site-dark textarea.form-control {
    background-color: var(--site-card-bg) !important;
    border: 1px solid var(--site-border) !important;
    color: var(--site-text) !important;
}
body.site-dark .form-control::placeholder,
body.site-dark textarea.form-control::placeholder {
    color: var(--site-muted) !important;
}
body.site-dark .form-control:focus,
body.site-dark .form-select:focus,
body.site-dark textarea.form-control:focus {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-primary) !important;
    color: var(--site-text) !important;
    box-shadow: 0 0 0 0.2rem rgba(89, 171, 110, 0.25);
}
body.site-dark .form-label,
body.site-dark label {
    color: var(--site-text) !important;
}
body.site-dark .input-group-text {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
    color: var(--site-text) !important;
}
body.site-dark .form-check-label {
    color: var(--site-text) !important;
}
body.site-dark .form-check-input {
    background-color: var(--site-card-bg);
    border-color: var(--site-border);
}
body.site-dark .form-check-input:checked {
    background-color: var(--site-primary);
    border-color: var(--site-primary);
}

/* Contactpagina – formulierinputs en input-with-icon wrapper */
body.site-dark .contact-input-with-icon {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
}
body.site-dark .contact-input-with-icon:focus-within {
    border-color: var(--site-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(89, 171, 110, 0.25);
}
body.site-dark .contact-input-with-icon__icon {
    color: var(--site-muted) !important;
}
body.site-dark .contact-input-with-icon:focus-within .contact-input-with-icon__icon {
    color: var(--site-primary) !important;
}
body.site-dark .contact-form .form-control,
body.site-dark .contact-form textarea.form-control {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
    color: var(--site-text) !important;
}
body.site-dark .contact-form .form-control::placeholder,
body.site-dark .contact-form textarea.form-control::placeholder {
    color: var(--site-muted) !important;
}
body.site-dark .contact-form .form-control:focus,
body.site-dark .contact-form textarea.form-control:focus {
    border-color: var(--site-primary) !important;
    box-shadow: none;
}
body.site-dark .contact-input-with-icon .form-control {
    background-color: transparent !important;
}
body.site-dark .contact-form__group label {
    color: var(--site-text) !important;
}
body.site-dark .contact-info-card__footer {
    color: var(--site-muted) !important;
}
body.site-dark .contact-primary-list__link {
    color: var(--site-text) !important;
}
body.site-dark .contact-primary-list__link:hover {
    color: var(--site-primary) !important;
}
body.site-dark .contact-primary-list__icon {
    background-color: rgba(89, 171, 110, 0.2) !important;
    color: var(--site-primary) !important;
}
body.site-dark .contact-primary-list__icon--ticket {
    background-color: var(--site-border) !important;
    color: var(--site-muted) !important;
}
body.site-dark .contact-cta-card__text {
    color: var(--site-muted) !important;
}
body.site-dark .contact-form__submit,
body.site-dark .contact-form .btn.contact-form__submit {
    background-color: transparent !important;
    background-image: none !important;
    border: 1px solid var(--site-primary) !important;
    color: var(--site-primary) !important;
}
body.site-dark .contact-form__submit:hover,
body.site-dark .contact-form .btn.contact-form__submit:hover {
    background-color: rgba(89, 171, 110, 0.2) !important;
    background-image: none !important;
    border-color: var(--site-success) !important;
    color: #86efac !important;
}

/* Cards */
body.site-dark .card,
body.site-dark .contact-form-card,
body.site-dark .contact-form-card--single,
body.site-dark .product-wap,
body.site-dark .tm-content-card,
body.site-dark .contact-info-card,
body.site-dark .contact-cta-card {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
    color: var(--site-text) !important;
}
body.site-dark .contact-form-card__title,
body.site-dark .contact-info-card__title,
body.site-dark .card-title,
body.site-dark .h1, body.site-dark .h2, body.site-dark .h3, body.site-dark .h4, body.site-dark .h5, body.site-dark .h6 {
    color: var(--site-text) !important;
}
/* Contactpagina – sectietitels groen als in light mode */
body.site-dark .contact-form-card__title,
body.site-dark .contact-info-card__title {
    color: var(--site-primary) !important;
    border-bottom-color: var(--site-primary) !important;
}
body.site-dark .support-ticket-view__title {
    color: var(--site-text-heading) !important;
    border-bottom-color: var(--site-border) !important;
}
body.site-dark .support-ticket-view {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
    border-left-color: #2dd4bf !important;
}
/* Chat in content (mailbox): opgaan in achtergrond in dark mode */
body.site-dark .support-ticket-mailbox .support-ticket-view {
    background-color: transparent !important;
    border-color: var(--site-border) !important;
}
body.site-dark .support-ticket-view__header {
    border-bottom-color: var(--site-border) !important;
}
/* Support ticket chatbubbels in dark mode */
body.site-dark .support-ticket-messages {
    background-color: transparent !important;
}
body.site-dark .support-ticket-msg {
    background-color: transparent !important;
    border: none !important;
}
body.site-dark .support-ticket-msg--user .support-ticket-msg__bubble {
    background-color: rgba(89, 171, 110, 0.45) !important;
    color: #fff !important;
    border: 1px solid rgba(89, 171, 110, 0.5);
}
body.site-dark .support-ticket-msg--admin .support-ticket-msg__bubble {
    background-color: rgba(255, 255, 255, 0.06) !important;
    color: var(--site-text) !important;
    border: 1px solid var(--site-border) !important;
    border-left: 3px solid #2dd4bf !important;
}
body.site-dark .support-ticket-msg--admin .support-ticket-msg__sender {
    color: #2dd4bf !important;
}
body.site-dark .support-ticket-msg--admin .support-ticket-msg__time {
    color: var(--site-muted) !important;
}
body.site-dark .support-ticket-msg--admin .support-ticket-msg__body {
    color: var(--site-text) !important;
}
body.site-dark .support-ticket-reply-bar {
    border-top-color: var(--site-border) !important;
}
body.site-dark .support-ticket-closed-msg {
    border-top-color: var(--site-border) !important;
    color: var(--site-muted) !important;
}

/* Support ticket pagina – ticketbubbels: mailbox-stijl compact */
body.site-dark .support-ticket-bubble {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid var(--site-border) !important;
    color: var(--site-text) !important;
}
body.site-dark .support-ticket-list .support-ticket-bubble:last-child {
    border-bottom: none !important;
}
body.site-dark .support-ticket-bubble:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border-bottom-color: var(--site-border) !important;
    color: var(--site-text) !important;
}
body.site-dark .support-ticket-bubble--open {
    border-left: none !important;
    background-color: transparent !important;
}
body.site-dark .support-ticket-bubble--open:hover {
    background-color: rgba(13, 110, 253, 0.12) !important;
    border-left-color: inherit !important;
}
body.site-dark .support-ticket-bubble--closed {
    border-left: none !important;
    background-color: transparent !important;
}
body.site-dark .support-ticket-bubble--closed:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border-left-color: inherit !important;
}
body.site-dark .support-ticket-bubble__icon {
    background-color: var(--site-bg) !important;
    border: none !important;
    color: var(--site-muted) !important;
}
body.site-dark .support-ticket-bubble--open .support-ticket-bubble__icon {
    color: #6ea8fe !important;
    background-color: rgba(13, 110, 253, 0.15) !important;
}
body.site-dark .support-ticket-bubble--closed .support-ticket-bubble__icon {
    color: var(--site-muted) !important;
    background-color: var(--site-bg) !important;
}
body.site-dark .support-ticket-bubble__title {
    color: var(--site-text) !important;
}
body.site-dark .support-ticket-bubble__date {
    color: var(--site-muted) !important;
}
body.site-dark .support-ticket-bubble__arrow {
    color: var(--site-muted) !important;
}
body.site-dark .support-ticket-bubble:hover .support-ticket-bubble__arrow,
body.site-dark .support-ticket-bubble--open:hover .support-ticket-bubble__arrow {
    color: #6ea8fe !important;
}
body.site-dark .support-ticket-bubble--closed:hover .support-ticket-bubble__arrow {
    color: var(--site-primary) !important;
}
/* Mailbox sidebar dark */
body.site-dark .support-ticket-sidebar {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
}
body.site-dark .support-ticket-sidebar__title {
    background-color: var(--site-bg) !important;
    color: var(--site-text-heading) !important;
    border-bottom-color: var(--site-border) !important;
}
body.site-dark .support-ticket-mailbox__heading {
    color: var(--site-text-heading) !important;
    border-bottom-color: #6ea8fe !important;
}
body.site-dark .support-ticket-main {
    color: var(--site-text);
}
body.site-dark .support-ticket-list-wrap .support-ticket-list {
    border-color: var(--site-border) !important;
    background-color: var(--site-card-bg) !important;
}
/* Ticketlijst als aparte cards: dark mode */
body.site-dark .support-ticket-list--cards .support-ticket-bubble {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
    color: var(--site-text) !important;
}
body.site-dark .support-ticket-list--cards .support-ticket-bubble:hover {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--site-border) !important;
}
body.site-dark .support-ticket-list--cards .support-ticket-bubble__title {
    color: var(--site-text) !important;
}
body.site-dark .support-ticket-list--cards .support-ticket-bubble__date {
    color: var(--site-muted) !important;
}
/* Profiel: ticket-inbox in dark mode */
body.site-dark .support-ticket-inbox {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
}
body.site-dark .support-ticket-inbox__title {
    background-color: var(--site-bg) !important;
    color: var(--site-text-heading) !important;
    border-bottom-color: var(--site-border) !important;
}
body.site-dark .forum-profile-tickets .support-ticket-inbox .support-ticket-list {
    background-color: transparent !important;
}
body.site-dark .forum-profile-tickets .support-ticket-bubble,
body.site-dark .forum-profile-tickets .support-ticket-bubble__title,
body.site-dark .forum-profile-tickets .support-ticket-bubble__date {
    color: var(--site-text) !important;
}
body.site-dark .forum-profile-tickets .forum-empty {
    color: var(--site-muted) !important;
}
body.site-dark .support-ticket-login-text {
    color: var(--site-text) !important;
}
/* Ticketberichten (alert in messages): leesbare tekst */
body.site-dark .support-ticket-messages .alert {
    color: var(--site-text);
}
body.site-dark .support-ticket-messages .alert-primary {
    background-color: rgba(13, 110, 253, 0.2);
    border-color: #6ea8fe;
    color: #93c5fd;
}
body.site-dark .support-ticket-messages .alert-info {
    background-color: rgba(34, 211, 238, 0.15);
    border-color: var(--site-info);
    color: #a5f3fc;
}

/* Text utilities */
body.site-dark .text-dark,
body.site-dark .text-gray-800,
body.site-dark .text-gray-900 {
    color: var(--site-text) !important;
}
body.site-dark .text-muted {
    color: var(--site-muted) !important;
}
body.site-dark .text-success {
    color: var(--site-success) !important;
}
body.site-dark .text-light {
    color: var(--site-text) !important;
}

/* Footer – keep dark, ensure contrast */
body.site-dark footer.bg-dark {
    background-color: #16181d !important;
    border-top: 1px solid var(--site-border);
}
body.site-dark footer .text-light {
    color: var(--site-text) !important;
}
body.site-dark footer .border-secondary {
    border-color: var(--site-border) !important;
}

/* Offcanvas – cart, search */
body.site-dark .offcanvas {
    background-color: var(--site-card-bg) !important;
    color: var(--site-text);
}
body.site-dark .offcanvas-header.bg-dark {
    background-color: var(--site-card-bg) !important;
    border-bottom: 1px solid var(--site-border);
}
body.site-dark .offcanvas-title {
    color: var(--site-text) !important;
}
body.site-dark .offcanvas-body .text-muted {
    color: var(--site-muted) !important;
}
body.site-dark .offcanvas-body .border-bottom {
    border-color: var(--site-border) !important;
}
body.site-dark .offcanvas-body .border-top {
    border-color: var(--site-border) !important;
}
body.site-dark .cart-offcanvas-item {
    border-color: var(--site-border) !important;
}

/* Modals */
body.site-dark .modal-content {
    background-color: var(--site-card-bg) !important;
    border: 1px solid var(--site-border);
    color: var(--site-text);
}
body.site-dark .modal-header {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border);
}
body.site-dark .modal-footer {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border);
}
body.site-dark .modal-title {
    color: var(--site-text) !important;
}
body.site-dark .modal-body {
    color: var(--site-text);
}
body.site-dark .btn-close {
    filter: invert(1);
}

/* Badges */
body.site-dark .badge.bg-danger,
body.site-dark .badge.bg-danger.text-white {
    background-color: rgba(248, 113, 113, 0.25) !important;
    color: #fca5a5 !important;
    border: 1px solid var(--site-danger);
}
body.site-dark .badge.bg-warning,
body.site-dark .badge.bg-warning.text-white,
body.site-dark .badge.bg-warning.text-dark {
    background-color: rgba(251, 191, 36, 0.25) !important;
    color: #fcd34d !important;
    border: 1px solid var(--site-warning);
}
body.site-dark .badge.bg-success,
body.site-dark .badge.bg-success.text-white {
    background-color: rgba(89, 171, 110, 0.25) !important;
    color: #86efac !important;
    border: 1px solid var(--site-primary);
}
body.site-dark .badge.bg-info,
body.site-dark .badge.bg-info.text-white {
    background-color: rgba(34, 211, 238, 0.25) !important;
    color: #67e8f9 !important;
    border: 1px solid var(--site-info);
}
body.site-dark .badge.bg-primary,
body.site-dark .badge.bg-primary.text-white {
    background-color: rgba(89, 171, 110, 0.25) !important;
    color: #86efac !important;
    border: 1px solid var(--site-primary);
}
body.site-dark .badge.bg-secondary,
body.site-dark .badge.bg-secondary.text-white {
    background-color: rgba(45, 50, 60, 0.6) !important;
    color: #9ca3af !important;
    border: 1px solid var(--site-border);
}
body.site-dark .badge.bg-dark,
body.site-dark .badge.bg-dark.text-white {
    background-color: rgba(45, 50, 60, 0.5) !important;
    color: #d1d5db !important;
    border: 1px solid var(--site-border);
}

/* Alerts */
body.site-dark .alert-success {
    background-color: rgba(89, 171, 110, 0.2);
    border-color: var(--site-primary);
    color: #bbf7d0;
}
body.site-dark .alert-success strong,
body.site-dark .alert-success .fa,
body.site-dark .alert-success i {
    color: inherit !important;
}
/* Nachtactie-bericht in winkelwagen: goed leesbaar in dark mode */
body.site-dark .cart-order-summary .alert-success,
body.site-dark .cart-modern-summary .alert-success {
    background-color: rgba(89, 171, 110, 0.25) !important;
    border-color: var(--site-primary) !important;
    color: #bbf7d0 !important;
}
body.site-dark .cart-order-summary .alert-success strong,
body.site-dark .cart-order-summary .alert-success .fa,
body.site-dark .cart-modern-summary .alert-success strong,
body.site-dark .cart-modern-summary .alert-success .fa {
    color: #bbf7d0 !important;
}
body.site-dark .alert-danger {
    background-color: rgba(248, 113, 113, 0.2);
    border-color: var(--site-danger);
    color: #fecaca;
}
body.site-dark .alert-info {
    background-color: rgba(34, 211, 238, 0.2);
    border-color: var(--site-info);
    color: #a5f3fc;
}
body.site-dark .alert-warning {
    background-color: rgba(251, 191, 36, 0.2);
    border-color: var(--site-warning);
    color: #fde68a;
}
body.site-dark .alert-secondary {
    background-color: rgba(45, 50, 60, 0.5);
    border-color: var(--site-border);
    color: var(--site-muted);
}
body.site-dark .alert-light {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--site-border) !important;
    color: var(--site-text) !important;
}
body.site-dark .alert-light strong {
    color: var(--site-text) !important;
}

/* Forum / profielpagina rijen (Support tickets, Gebruikersgegevens, etc.) */
body.site-dark .forum-profile-row,
body.site-dark .forum-profile-row-header {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
    color: var(--site-text);
}
body.site-dark .forum-profile-title {
    color: var(--site-text) !important;
}
body.site-dark .forum-profile-desc,
body.site-dark .forum-profile-desc.text-muted {
    color: var(--site-muted) !important;
}
body.site-dark .forum-profile-icon {
    background: rgba(89, 171, 110, 0.35) !important;
    color: var(--site-text) !important;
    border: 1px solid var(--site-primary);
}
body.site-dark .forum-profile-row-header:has(.fa-ticket-alt) .forum-profile-icon {
    background: rgba(34, 211, 238, 0.3) !important;
    border-color: var(--site-info);
}
body.site-dark .forum-profile-row-header:has(.fa-user) .forum-profile-icon {
    background: rgba(89, 171, 110, 0.35) !important;
    border-color: var(--site-primary);
}
/* Profiel-tabs: icons en buttons in tabkleur (dark mode) */
body.site-dark .profile-tab-profiel .forum-profile-loyalty .forum-profile-icon {
    background: rgba(253, 126, 20, 0.4) !important;
    border-color: #fd7e14 !important;
    color: #fde68a !important;
}
body.site-dark .profile-tab-profiel .forum-profile-loyalty .text-loyalty {
    color: #fdba74 !important;
}
body.site-dark .profile-tab-profiel .forum-profile-row-header:has(.fa-ticket-alt) .forum-profile-icon {
    background: rgba(13, 110, 253, 0.4) !important;
    border-color: #0d6efd !important;
    color: #93c5fd !important;
}
body.site-dark .profile-tab-profiel .forum-profile-row-header .forum-profile-action .btn-forum-blue {
    background-color: rgba(13, 110, 253, 0.25) !important;
    border: 1px solid #0d6efd !important;
    color: #93c5fd !important;
    background-image: none !important;
}
body.site-dark .profile-tab-profiel .forum-profile-row-header .forum-profile-action .btn-forum-blue:hover {
    background-color: rgba(13, 110, 253, 0.45) !important;
    border-color: #6ea8fe !important;
    color: #fff !important;
}
body.site-dark .profile-tab-profiel .forum-profile-row-header .forum-profile-action .btn-forum-blue i,
body.site-dark .profile-tab-profiel .forum-profile-row-header .forum-profile-action .btn-forum-blue .fa {
    color: inherit !important;
}
body.site-dark .profile-tab-gegevens .forum-profile-icon {
    background: rgba(13, 148, 136, 0.4) !important;
    border-color: #0d9488 !important;
    color: #99f6e4 !important;
}
body.site-dark .profile-tab-gegevens .btn-success {
    background-color: rgba(13, 148, 136, 0.35) !important;
    background-image: none !important;
    border: 1px solid #0d9488 !important;
    color: #99f6e4 !important;
}
body.site-dark .profile-tab-gegevens .btn-success:hover {
    background-color: rgba(13, 148, 136, 0.5) !important;
    border-color: #14b8a6 !important;
    color: #ccfbf1 !important;
}
body.site-dark .profile-tab-bestellingen .forum-profile-icon {
    background: rgba(13, 110, 253, 0.4) !important;
    border-color: #0d6efd !important;
    color: #93c5fd !important;
}
body.site-dark .profile-tab-bestellingen .btn-outline-primary {
    color: #6ea8fe !important;
    border-color: #0d6efd !important;
}
body.site-dark .profile-tab-bestellingen .btn-outline-primary:hover {
    background-color: rgba(13, 110, 253, 0.25) !important;
    color: #93c5fd !important;
    border-color: #6ea8fe !important;
}
body.site-dark .profile-tab-bestellingen .btn-success,
body.site-dark .profile-tab-bestellingen .forum-empty .btn-success {
    background-color: rgba(13, 110, 253, 0.35) !important;
    border: 1px solid #0d6efd !important;
    color: #93c5fd !important;
    background-image: none !important;
}
body.site-dark .profile-tab-bestellingen .btn-success:hover,
body.site-dark .profile-tab-bestellingen .forum-empty .btn-success:hover {
    background-color: rgba(13, 110, 253, 0.5) !important;
    border-color: #6ea8fe !important;
    color: #fff !important;
}
body.site-dark .profile-tab-wachtwoord .forum-profile-icon {
    background: rgba(111, 66, 193, 0.4) !important;
    border-color: #6f42c1 !important;
    color: #c4b5fd !important;
}
body.site-dark .profile-tab-wachtwoord .btn-success {
    background-color: rgba(111, 66, 193, 0.35) !important;
    border: 1px solid #6f42c1 !important;
    color: #c4b5fd !important;
    background-image: none !important;
}
body.site-dark .profile-tab-wachtwoord .btn-success:hover {
    background-color: rgba(111, 66, 193, 0.5) !important;
    border-color: #9b6bcc !important;
    color: #e9d5ff !important;
}
body.site-dark .profile-tab-wachtwoord .btn-outline-secondary {
    color: #a78bfa !important;
    border-color: #6f42c1 !important;
}
body.site-dark .profile-tab-wachtwoord .btn-outline-secondary:hover {
    background-color: rgba(111, 66, 193, 0.2) !important;
    color: #c4b5fd !important;
    border-color: #9b6bcc !important;
}
body.site-dark .forum-profile-ticket-row {
    background-color: var(--site-card-bg);
    border-color: var(--site-border);
    color: var(--site-text);
}
body.site-dark .forum-profile-ticket-row:hover {
    background-color: rgba(89, 171, 110, 0.12);
    border-color: var(--site-primary);
}

/* Profielpagina – witte cards donker maken */
body.site-dark .forum-list-card {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
    color: var(--site-text);
}
body.site-dark .forum-form-card {
    background-color: var(--site-bg) !important;
    border-color: var(--site-border) !important;
    color: var(--site-text);
}
/* Profielpagina – Naar checkout (oranje) en Nieuwe ticket (blauw), ook in dark mode outline-stijl */
body.site-dark .forum-profile-loyalty .btn-forum-orange {
    background-color: rgba(253, 126, 20, 0.25) !important;
    border: 1px solid #fd7e14 !important;
    color: #fdba74 !important;
    background-image: none !important;
}
body.site-dark .forum-profile-loyalty .btn-forum-orange i,
body.site-dark .forum-profile-loyalty .btn-forum-orange .fa {
    color: inherit !important;
}
body.site-dark .forum-profile-loyalty .btn-forum-orange:hover {
    background-color: rgba(253, 126, 20, 0.4) !important;
    border-color: #f59e0b !important;
    color: #fde68a !important;
}
body.site-dark .forum-profile-loyalty .btn-forum-orange:hover i,
body.site-dark .forum-profile-loyalty .btn-forum-orange:hover .fa {
    color: inherit !important;
}
body.site-dark .forum-profile-row-header .forum-profile-action .btn-forum-blue {
    background-color: rgba(13, 110, 253, 0.25) !important;
    border: 1px solid #0d6efd !important;
    color: #93c5fd !important;
    background-image: none !important;
}
body.site-dark .forum-profile-row-header .forum-profile-action .btn-forum-blue i,
body.site-dark .forum-profile-row-header .forum-profile-action .btn-forum-blue .fa {
    color: inherit !important;
}
body.site-dark .forum-profile-row-header .forum-profile-action .btn-forum-blue:hover {
    background-color: rgba(13, 110, 253, 0.4) !important;
    border-color: #0b5ed7 !important;
    color: #bfdbfe !important;
}
body.site-dark .forum-profile-row-header .forum-profile-action .btn-forum-blue:hover i,
body.site-dark .forum-profile-row-header .forum-profile-action .btn-forum-blue:hover .fa {
    color: inherit !important;
}
body.site-dark .forum-profile-loyalty .forum-profile-icon {
    background: rgba(89, 171, 110, 0.35) !important;
    border-color: var(--site-primary);
}
body.site-dark .forum-profile-loyalty .text-loyalty,
body.site-dark .text-loyalty {
    color: var(--site-primary) !important;
}
/* Profielpagina: groene knoppen (Opslaan, Wachtwoord opslaan, Naar de shop) outline + doorzichtige achtergrond */
body.site-dark .forum-form-card .btn-success,
body.site-dark .forum-list-card .btn-success,
body.site-dark .forum-empty .btn-success {
    background-color: rgba(89, 171, 110, 0.25) !important;
    background-image: none !important;
    border: 1px solid var(--site-primary) !important;
    color: #86efac !important;
}
body.site-dark .forum-form-card .btn-success:hover,
body.site-dark .forum-list-card .btn-success:hover,
body.site-dark .forum-empty .btn-success:hover {
    background-color: rgba(89, 171, 110, 0.4) !important;
    border-color: var(--site-success) !important;
    color: #bbf7d0 !important;
}

/* Product cards / shop */
body.site-dark .card.product-wap .card {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border);
}
/* Product overlay (oog + winkelwagen): donkere overlay en knoppen goed zichtbaar in dark mode */
body.site-dark .card.product-wap .card .product-overlay {
    background: rgba(0, 0, 0, 0.55) !important;
}
body.site-dark .product-overlay-buttons .btn-light,
body.site-dark .product-overlay-buttons .btn-light i,
body.site-dark .product-overlay-buttons .btn-light .fa {
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    color: #fff !important;
}
body.site-dark .product-overlay-buttons .btn-light:hover,
body.site-dark .product-overlay-buttons .btn-light:hover i,
body.site-dark .product-overlay-buttons .btn-light:hover .fa {
    background-color: rgba(255, 255, 255, 0.35) !important;
    border-color: rgba(255, 255, 255, 0.5) !important;
    color: #fff !important;
}
body.site-dark .product-overlay-buttons .btn-success,
body.site-dark .product-overlay-buttons .btn-success i,
body.site-dark .product-overlay-buttons .btn-success .fa {
    background-color: rgba(89, 171, 110, 0.35) !important;
    border-color: var(--site-primary) !important;
    color: #86efac !important;
}
body.site-dark .product-overlay-buttons .btn-success:hover,
body.site-dark .product-overlay-buttons .btn-success:hover i,
body.site-dark .product-overlay-buttons .btn-success:hover .fa {
    background-color: rgba(89, 171, 110, 0.5) !important;
    border-color: var(--site-success) !important;
    color: #bbf7d0 !important;
}
/* Badges op productkaarten (Meest gekozen, Top keuze e.d.) goed zichtbaar in dark mode */
body.site-dark .card.product-wap .badge.bg-warning,
body.site-dark .card.product-wap .badge.bg-warning.text-white,
body.site-dark .card.product-wap .badge.bg-warning.text-dark {
    background-color: rgba(251, 191, 36, 0.45) !important;
    color: #1a1d23 !important;
    border: 1px solid #f59e0b;
}
body.site-dark .card.product-wap a {
    color: var(--site-text) !important;
}
body.site-dark .card.product-wap a:hover {
    color: var(--site-success) !important;
}
/* Shop: product titles groen */
body.site-dark .card.product-wap a.tm-title-underline.tm-title-accent-dark {
    color: var(--site-primary) !important;
    border-bottom-color: var(--site-primary) !important;
}
body.site-dark .card.product-wap a.tm-title-underline.tm-title-accent-dark:hover {
    color: #86efac !important;
    border-bottom-color: #86efac !important;
}
/* Sales/shop/home: productbeschrijving en overige tekst leesbaar in dark mode (niet donker #212529) */
body.site-dark .card.product-wap .card-body .card-text.product-desc-sales,
body.site-dark .card.product-wap .card-body .card-text.product-desc-shop,
body.site-dark .card.product-wap .card-body .card-text.product-desc-home {
    color: var(--site-text) !important;
}
body.site-dark .card.product-wap .card-body p,
body.site-dark .card.product-wap .card-body .small {
    color: var(--site-text) !important;
}
body.site-dark .card.product-wap .card-body .text-muted,
body.site-dark .card.product-wap .card-body p.text-muted {
    color: var(--site-muted) !important;
}
body.site-dark .list-group-item {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
    color: var(--site-text) !important;
}
body.site-dark .border-bottom {
    border-color: var(--site-border) !important;
}
body.site-dark .border-top {
    border-color: var(--site-border) !important;
}

/* Pagination */
body.site-dark .pagination .page-link {
    background-color: var(--site-card-bg);
    border-color: var(--site-border);
    color: var(--site-text);
}
body.site-dark .pagination .page-link:hover {
    background-color: rgba(89, 171, 110, 0.25);
    border-color: var(--site-primary);
    color: #86efac;
}
body.site-dark .pagination .page-link.active,
body.site-dark .pagination .page-item.active .page-link {
    background-color: rgba(89, 171, 110, 0.4);
    border-color: var(--site-primary);
    color: #fff;
}

/* Scroll to top */
body.site-dark .scroll-to-top {
    background-color: var(--site-card-bg);
    color: var(--site-text);
    border: 1px solid var(--site-border);
}
body.site-dark .scroll-to-top:hover {
    background-color: var(--site-primary);
    color: #fff;
}

/* Support ticket back wrap */
body.site-dark .support-ticket-back-wrap a {
    color: var(--site-primary) !important;
}
body.site-dark .support-ticket-back-wrap a:hover {
    color: var(--site-success) !important;
}

/* Home category icons – keep hover behavior, adjust for dark bg */
body.site-dark a:hover .home-cat-icon {
    color: #fff !important;
}

/* Table (if used on frontend) */
body.site-dark .table {
    color: var(--site-text) !important;
}
body.site-dark .table th,
body.site-dark .table td {
    border-color: var(--site-border) !important;
}
body.site-dark .table thead th {
    background-color: var(--site-border) !important;
    color: var(--site-text);
}
body.site-dark .table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* ========== Cart-pagina dark mode ========== */
body.site-dark .cart-modern-wrap {
    background-color: var(--site-bg) !important;
}
body.site-dark .cart-modern-list .cart-item {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
    color: var(--site-text);
}
body.site-dark .cart-modern-list .cart-item-title a.tm-title-accent-dark {
    color: var(--site-primary) !important;
    border-bottom-color: var(--site-primary) !important;
}
body.site-dark .cart-modern-list .cart-item-title a:hover {
    color: #86efac !important;
    border-bottom-color: #86efac !important;
}
body.site-dark .cart-modern-list .quantity-controls {
    background-color: var(--site-bg) !important;
    border-color: var(--site-border) !important;
}
body.site-dark .cart-modern-list .quantity-controls a,
body.site-dark .cart-modern-list .quantity-controls .btn-link.text-dark {
    color: var(--site-text) !important;
}
body.site-dark .cart-modern-list .quantity-controls a:hover {
    color: var(--site-primary) !important;
}
body.site-dark .cart-modern-summary,
body.site-dark .cart-order-summary {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
    color: var(--site-text);
}
body.site-dark .cart-summary-title {
    color: var(--site-text) !important;
}
body.site-dark .cart-summary-row {
    color: var(--site-text);
}
body.site-dark .cart-summary-row.text-success {
    color: #86efac !important;
}
body.site-dark .cart-summary-row.text-success .fa,
body.site-dark .cart-summary-row.text-success i {
    color: #86efac !important;
}
body.site-dark .cart-modern-tools {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
    color: var(--site-text);
}
body.site-dark .cart-modern-tools .form-label,
body.site-dark .cart-modern-tools .small.text-muted {
    color: var(--site-muted) !important;
}
body.site-dark .forum-list-card {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
    color: var(--site-text);
}
body.site-dark .cart-cross-sell-card {
    background-color: var(--site-card-bg) !important;
    border-color: var(--site-border) !important;
}
body.site-dark .cart-cross-sell-card .card-body,
body.site-dark .cart-cross-sell-card .text-dark {
    color: var(--site-text) !important;
}
body.site-dark .cross-sell-accent-success .cart-cross-sell-card .card-body .cross-sell-product-title {
    color: var(--site-primary) !important;
    border-bottom-color: var(--site-primary) !important;
}
body.site-dark .cross-sell-accent-success .cart-cross-sell-card .card-body .cross-sell-product-title:hover {
    color: var(--site-primary) !important;
    opacity: 0.9;
}
body.site-dark .cross-sell-price-badge {
    background-color: #e67e22 !important;
    color: #fff !important;
}
body.site-dark .cart-trust-logos .small.text-muted {
    color: var(--site-muted) !important;
}

/* Banner (country offers) */
body.site-dark .bg-success.text-white {
    background-color: rgba(89, 171, 110, 0.4) !important;
    border-bottom: 1px solid var(--site-primary);
}
/* Sales-pagina: groene header "Aanbiedingen" in dark mode */
body.site-dark section.bg-success {
    background-color: rgba(89, 171, 110, 0.35) !important;
    border-bottom: 1px solid var(--site-primary);
}
body.site-dark section.bg-success .text-white,
body.site-dark section.bg-success h1,
body.site-dark section.bg-success p,
body.site-dark section.bg-success .fa {
    color: var(--site-text) !important;
}

/* Sales-pagina: oranje "Aanbieding"-badge goed zichtbaar in dark mode */
body.site-dark .sales-badge-aanbieding {
    background-color: #e67e22 !important;
    color: #fff !important;
    border: 1px solid #f59e0b;
}