/* 20260910153108 - v2 */
.gui,
.gui-block-linklist li a {
  color: #121110;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #121110;
}

.gui-block-inner strong {
  color: #70706f;
}

.gui a {
  color: #6e5340;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #6e5340;
  box-shadow: 0 0 2px #6e5340;
}

.gui-select.gui-focus .gui-handle {
  border-color: #6e5340;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #a38b76;
}

.gui-block-title {
  color: #121110;
  background-color: #ede6dd;
}

.gui-content-title {
  color: #121110;
}

.gui-form .gui-field .gui-description span {
  color: #121110;
}

.gui-block-inner {
  background-color: #e3dcd4;
}

.gui-block-option {
  border-color: #f1edea;
  background-color: #faf9f8;
}

.gui-block-option-block {
  border-color: #f1edea;
}

.gui-block-title strong {
  color: #121110;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #d5cac1;
}

.gui ul.gui-products li {
  border-color: #e3dcd5;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #e3dcd5;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #e3dcd5;
}

.gui-block-content .gui-table {
  border-color: #f1edea;
}

.gui-table thead tr th {
  border-color: #d5cac1;
  background-color: #faf9f8;
}

.gui-table tbody tr td {
  border-color: #f1edea;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #1c1815;
  color: #ffffff;
  background-color: #1c1815;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #4a3b32;
  color: #121110;
  background-color: #e2d1c3;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #161310;
  border-color: #161310;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #b4a79c;
  border-color: #3b2f28;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #a38b76;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #a38b76;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #121110;
}

.gui-progressbar {
  background-color: #ede6dd;
}

/* custom */
/* FABCHIQ - telefoonknop verwijderen */
.link-btn.double a[href^="tel:"] {
    display: none !important;
}

/* E-mailknop volledige breedte */
.link-btn.double a[href^="mailto:"] {
    width: 100% !important;
    flex: 1 1 100% !important;
}
/* ========================================
   FABCHIQ - FOOTER CONTACTBUTTON
   ======================================== */

/* Telefoonknop verwijderen */
#footer .link-btn .callus {
    display: none !important;
}

/* E-mailitem volledige breedte */
#footer .link-btn .mailus {
    width: 100% !important;
    flex: 1 1 100% !important;
}

/* Originele tekst verbergen, knop behouden */
#footer .link-btn .mailus a {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 0 !important;
    color: transparent !important;
}

/* Nederlandse tekst tonen */
#footer .link-btn .mailus a:before {
    content: "E-MAIL ONS" !important;
    display: block !important;

    font-size: 14px !important;
    line-height: 1.2 !important;
    color: #333333 !important;
}
/* ========================================
   FABCHIQ - FOOTER COPYRIGHT
   ======================================== */

/* Alle standaard DMWS / Plus+ / RSS inhoud verbergen */
#footer p.copyright.dmws-copyright {
    font-size: 0 !important;
}

#footer p.copyright.dmws-copyright > * {
    display: none !important;
}

/* Eigen FABCHIQ copyright tonen */
#footer p.copyright.dmws-copyright::after {
    content: "© FABCHIQ. Alle rechten voorbehouden.";
    display: inline-block;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #333333 !important;
}
/* ========================================
   FABCHIQ FAQ - ONDERWERPEN
   ======================================== */

.accordion-a .fabchiq-faq-topic {
    width: 100%;
    box-sizing: border-box;

    padding: 22px 40px 22px 0;

    border-bottom: 1px solid #e5e5e5;

    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    cursor: pointer;

    color: #333333;
    background: transparent;
}

/* Onderwerptekst */
.accordion-a .fabchiq-faq-topic-label {
    font-family: inherit;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.35;
}

/* Pijltje */
.accordion-a .fabchiq-faq-topic-arrow {
    width: 8px;
    height: 8px;

    margin-right: 10px;

    border-right: 1.5px solid #333333;
    border-bottom: 1.5px solid #333333;

    transform: rotate(45deg);
    transition: transform .2s ease;
}

.accordion-a .fabchiq-faq-topic.is-open
.fabchiq-faq-topic-arrow {
    transform: rotate(225deg);
}

/* Vragen laten inspringen */
.accordion-a > h3.header[data-faq-topic] {
    margin-left: 28px !important;
    width: calc(100% - 28px) !important;
}

/* Antwoorden dezelfde inspringing */
.accordion-a > div[role="tabpanel"][data-faq-topic] {
    margin-left: 28px !important;
    width: calc(100% - 28px) !important;
}

/* Mobiel */
@media only screen and (max-width: 48em) {

    .accordion-a .fabchiq-faq-topic {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .accordion-a .fabchiq-faq-topic-label {
        font-size: 19px;
    }

    .accordion-a > h3.header[data-faq-topic],
    .accordion-a > div[role="tabpanel"][data-faq-topic] {
        margin-left: 16px !important;
        width: calc(100% - 16px) !important;
    }
}
/* ========================================
   FABCHIQ - dubbele FAQ kop verwijderen
   ======================================== */

#section-faq + h2.header-a {
    display: none !important;
}

/* Ruimte tussen intro en FAQ onderwerpen iets compacter */
#section-faq {
    margin-bottom: 18px !important;
}

#section-faq + h2.header-a + .accordion-a {
    margin-top: 0 !important;
}
/* FABCHIQ - FAQ spacing finetune */

#section-faq {
    margin-bottom: 10px !important;
}

.accordion-a .fabchiq-faq-topic {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.accordion-a .fabchiq-faq-topic-label {
    font-weight: 500 !important;
}
/* ========================================
   FABCHIQ - service navigatieknoppen verbergen
   ======================================== */

#root .list-btn.list-btn-textpage {
    display: none !important;
}
.tabs-b > nav > ul > li > a[role="tab"],
.tabs-b > nav > ul > li.active > a[role="tab"] {
  font-family: "Tenor Sans", Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: none;
  color: #333333;
}
footer.text-center.m70 {
  display: none !important;
}
/* FABCHIQ — cookiebalk leesbaar maken */
.wsa-cookielaw{
  background:#ffffff;
  color:#000000;
  border-top:1px solid #ede7df;
  box-shadow:0 -2px 14px rgba(0,0,0,.10);
  padding:16px 20px;
  text-align:center;
}
/* Ja = primair (zwart), Nee = secundair (omlijnd) */
.wsa-cookielaw-button-green,
.wsa-cookielaw-button-green:hover{
  background:#000000; color:#ffffff; border:1px solid #000000;
}
.wsa-cookielaw-button-red,
.wsa-cookielaw-button-red:hover{
  background:#ffffff; color:#000000; border:1px solid #b8ada3;
}
.wsa-cookielaw-link,
.wsa-cookielaw-link:hover{ color:#5f5f5f; text-decoration:underline; }
/* FABCHIQ — servicebalk overal verbergen, ook op /service/ */
main > ul.list-btn{ display:none !important; }
#compare p.submit > span{ display:none; }

/* ========================================
   FABCHIQ - KLEURSYSTEEM v1 (7 sep 2026)
   Paper #F7F6F3 · Sand #EDE6DD · Warm Beige #E2D1C3
   Taupe #A38B76 · Oak #6E5340 · Oak Deep #4A3B32
   Ink #121110 · Onyx #1C1815 · Clay #9C4A3C
   ======================================== */

/* Links in lopende tekst: Oak, altijd onderstreept.
   Alleen DIRECTE kinderen van een contentblok, zodat
   producttitels en productafbeeldingen (die dieper in
   ul.list-collection / ul.list-product zitten) hun eigen
   themastijl houden. */
main#content article > p a:not([class]),
main#content article > h2 a:not([class]),
main#content article > h3 a:not([class]),
main#content article > h4 a:not([class]),
main#content article > ul:not([class]) > li a:not([class]),
main#content article > ol:not([class]) > li a:not([class]),
main#content article > table a:not([class]) {
    color: #6E5340;
    text-decoration: underline;
    text-underline-offset: 2px;
}

main#content article > p a:not([class]):hover,
main#content article > h2 a:not([class]):hover,
main#content article > h3 a:not([class]):hover,
main#content article > h4 a:not([class]):hover,
main#content article > ul:not([class]) > li a:not([class]):hover,
main#content article > ol:not([class]) > li a:not([class]):hover,
main#content article > table a:not([class]):hover {
    color: #4A3B32;
}

/* Footer: e-mailknop en copyright op Ink */
#footer .link-btn .mailus a:before {
    color: #121110 !important;
}

#footer p.copyright.dmws-copyright::after {
    color: #121110 !important;
}

/* FAQ: tekst op Ink, scheidingslijn in Taupe */
.accordion-a .fabchiq-faq-topic {
    color: #121110;
    border-bottom-color: #A38B76;
}

.accordion-a .fabchiq-faq-topic-arrow {
    border-right-color: #121110;
    border-bottom-color: #121110;
}

/* Producttabs op Ink */
.tabs-b > nav > ul > li > a[role="tab"],
.tabs-b > nav > ul > li.active > a[role="tab"] {
    color: #121110;
}

/* Cookiebalk binnen het palet */
.wsa-cookielaw {
    background: #F7F6F3;
    color: #121110;
    border-top: 1px solid #A38B76;
}

.wsa-cookielaw-button-green,
.wsa-cookielaw-button-green:hover {
    background: #1C1815;
    color: #FFFFFF;
    border: 1px solid #1C1815;
}

.wsa-cookielaw-button-red,
.wsa-cookielaw-button-red:hover {
    background: #F7F6F3;
    color: #121110;
    border: 1px solid #A38B76;
}

.wsa-cookielaw-link,
.wsa-cookielaw-link:hover {
    color: #6E5340;
    text-decoration: underline;
}

/* ========================================
   FABCHIQ - REVIEWBLOK WINKELWAGEN
   Geen keurmerklogo (FABCHIQ voert er geen),
   sterren in Onyx/Taupe i.p.v. themagoud.
   ======================================== */

/* Hogere specificiteit: het thema zet dit in een inline <style> die ná custom.css laadt */
#root .module-rating.eigen-keurmerk {
    background-image: none;
    padding-left: 0;
    min-height: 0;
}

.module-rating .rating-a .star .fill {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.2 15.5'><path fill='%231C1815' d='M17.2 6c0-.2-.2-.4-.6-.4l-5.2-.7L9.1.4C9 .1 8.8 0 8.6 0s-.4.1-.5.4L5.8 4.8l-5.2.7c-.4.1-.6.3-.6.5 0 .1.1.3.3.5L4 9.9l-.9 4.9v.2c0 .1 0 .3.1.3.1.1.2.1.3.1s.3 0 .4-.1L8.6 13l4.6 2.3c.1.1.3.1.4.1.1 0 .2 0 .3-.1s.1-.2.1-.3v-.2l-.9-4.9L17 6.5c.1-.2.2-.4.2-.5z'/></svg>");
}

.module-rating .rating-a .star:before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.2 15.5'><path fill='%23A38B76' d='M17.2 6c0-.2-.2-.4-.6-.4l-5.2-.7L9.1.4C9 .1 8.8 0 8.6 0s-.4.1-.5.4L5.8 4.8l-5.2.7c-.4.1-.6.3-.6.5 0 .1.1.3.3.5L4 9.9l-.9 4.9v.2c0 .1 0 .3.1.3.1.1.2.1.3.1s.3 0 .4-.1L8.6 13l4.6 2.3c.1.1.3.1.4.1.1 0 .2 0 .3-.1s.1-.2.1-.3v-.2l-.9-4.9L17 6.5c.1-.2.2-.4.2-.5z'/></svg>");
}

/* ========================================
   FABCHIQ - FOOTER BETAALICONEN
   Het thema toont een vaste set van 7 iconen die
   niet meer klopt. Maestro en Klarna staan uit in
   Mollie; Apple Pay, Google Pay en in3 ontbreken
   maar bestaan niet als thema-asset (404).
   Daarom: de twee onjuiste plekken hergebruiken en
   in3 erachter zetten, met Mollie's eigen iconen.
   TIJDELIJK - de nette fix is DMWS de set laten
   aanvullen of de footer uit de Mollie-methoden
   laten renderen.
   ======================================== */

/* Basis: de twee onjuiste iconen en hun plek weg */
#footer .list-payments img[alt="maestro"],
#footer .list-payments img[alt="klarnapaylater"] {
    display: none;
}

#footer .list-payments li:has(img[alt="maestro"]),
#footer .list-payments li:has(img[alt="klarnapaylater"]) {
    display: none;
}

@supports selector(:has(*)) {

    #footer .list-payments li:has(img[alt="maestro"]),
    #footer .list-payments li:has(img[alt="klarnapaylater"]) {
        display: flex;
        width: 43px;
        height: 24px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    #footer .list-payments li:has(img[alt="maestro"]) {
        background-image: url("https://www.mollie.com/external/icons/payment-methods/applepay.svg");
        order: 5;
    }

    #footer .list-payments li:has(img[alt="klarnapaylater"]) {
        background-image: url("https://www.mollie.com/external/icons/payment-methods/googlepay.svg");
        order: 6;
    }

    #footer .list-payments li:has(img[alt="ideal"]) { order: 1; }
    #footer .list-payments li:has(img[alt="visa"]) { order: 2; }
    #footer .list-payments li:has(img[alt="mastercard"]) { order: 3; }
    #footer .list-payments li:has(img[alt="americanexpress"]) { order: 4; }
    #footer .list-payments li:has(img[alt="paypal"]) { order: 7; }

    #footer .list-payments::after {
        content: "";
        order: 8;
        width: 43px;
        height: 24px;
        margin: 0 6px 10px;
        background: url("https://www.mollie.com/external/icons/payment-methods/in3.svg") center / contain no-repeat;
    }#footer .list-payments::before { content: ""; order: 9; width: 43px; height: 24px; margin: 0 6px 10px; background: url("https://www.mollie.com/external/icons/payment-methods/riverty.svg") center / contain no-repeat; }
}
/* FABCHIQ — vergelijkfunctie volledig uitschakelen (8 sep 2026) */
#compare-btn,
#compare-btn.active,
.open-compare,
.compare-check,
.add-to-compare {
  display: none !important;
}

#compare,
.compare-active #compare {
  display: none !important;
  visibility: hidden !important;
  right: -9999px !important;
  pointer-events: none !important;
}

/* ---------- 404-pagina ---------- */
#root .page-404{max-width:640px;margin-left:auto;margin-right:auto;padding:64px 0 72px;}
#root .page-404 .code-404{font-family:'Tenor Sans',Georgia,serif;font-size:13px;letter-spacing:.34em;text-indent:.34em;color:#a38b76;margin:0 0 20px;}
#root .page-404 .gui-page-title{margin:0 0 16px;}
#root .page-404 .lead-404{max-width:46ch;margin:0 auto 34px;color:#4a443e;line-height:1.7;}
#root .form-404{display:flex;max-width:430px;margin:0 auto 38px;}
#root .form-404 input[type=search]{flex:1 1 auto;width:auto;min-width:0;max-width:none;border:1px solid #a38b76;border-right:0;border-radius:2px 0 0 2px;padding:14px 15px;background:#fff;color:#121110;margin:0;height:auto;box-sizing:border-box;}
#root .form-404 input:focus{outline:2px solid #6e5340;outline-offset:-2px;}
#root .form-404 button{flex:0 0 auto;width:auto;min-width:0;border:1px solid #1c1815;background:#1c1815;color:#f7f6f3;border-radius:0 2px 2px 0;padding:14px 20px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;margin:0;height:auto;box-sizing:border-box;}
#root .form-404 button:hover{background:#4a3b32;border-color:#4a3b32;}
#root .nav-404{border-top:1px solid #e1d7c9;padding-top:30px;}
#root .nav-404 .label-404{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#a38b76;margin:0 0 16px;}
#root .nav-404 .list-inline{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;padding:0;margin:0;list-style:none;}
#root .nav-404 .list-inline a{color:#6e5340;border-bottom:1px solid rgba(110,83,64,.35);padding-bottom:2px;}
#root .nav-404 .list-inline a:hover{border-bottom-color:#6e5340;}
#root .visueel-verborgen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
@media (max-width:560px){#root .page-404{padding:44px 16px 52px;}}

/* ---------- reviewkop ---------- */
/* Was een <h3>. Op een productpagina leverde dat honderd koppen op, dus nu een
   div met exact dezelfde opmaak. */
#root .list-comments li .review-kop{font-size:16px;font-weight:700;line-height:1.393;font-family:Lato,Arial,Helvetica,sans-serif;color:#000;margin:0 -20px 11px;padding:0 20px 14px;display:block;position:relative;border-bottom:1px solid #e5e5e5;z-index:2;box-sizing:border-box;}
#root .list-comments li .review-kop > span{display:block;padding-top:4px;font-size:13px;font-weight:400;line-height:1.4;}
#root .list-comments li .review-kop > span.rating-a{color:#000;margin-bottom:4px;position:relative;}
#root .list-comments li .review-kop > span:not(.rating-a){color:#707070;}
#root .list-comments li .review-kop a{color:#707070;font-weight:400;margin-right:10px;text-decoration:none;}
#root .list-comments li .review-kop > span:not(.rating-a) span{color:#707070;margin-right:10px;}