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

.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: #000000;
}

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

.gui a {
  color: #0a8de9;
}

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

.gui-select.gui-focus .gui-handle {
  border-color: #0a8de9;
}

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

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

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

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

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

.gui-block-option {
  border-color: #ededed;
  background-color: #f9f9f9;
}

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

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

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

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

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

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

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

.gui-table thead tr th {
  border-color: #cbcbcb;
  background-color: #f9f9f9;
}

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

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #8d8d8d;
  color: #000000;
  background-color: #fb9521;
}

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

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

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

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

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

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

.gui-progressbar {
  background-color: #76c61b;
}

/* custom */
/* Wall!Supply catalogus-stijl (Claude Design), 10-11-2026 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Inter+Tight:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --ws-bg: #f5f3f0;
  --ws-surface: #ffffff;
  --ws-grey-100: #ebe8e3;
  --ws-grey-200: #d9d5cd;
  --ws-grey-500: #6b665d;
  --ws-ink: #141414;
  --ws-accent: #e8192c;
  --color-primary: #141414;
  --color-bg: #f5f3f0;
  --color-contrast-higher: #141414;
  --font-primary: "Inter", system-ui, -apple-system, sans-serif;
  --font-headings: "Inter Tight", "Inter", system-ui, sans-serif;
}

/* basis */
body, .bg { background-color: var(--ws-bg); color: var(--ws-ink); font-family: var(--font-primary); }
.main-header:not(.main-header--transparent), .main-footer, .main-header__search-form.bg { background-color: var(--ws-bg); --color-bg: #f5f3f0; color: var(--ws-ink); }
.main-header__top-section { background-color: var(--ws-ink); color: #f5f3f0; }
.main-header__top-section .main-header__link, .main-header__top-section .main-header__link:hover { color: #f5f3f0; }
h1, h2, h3, h4, .text-component h1, .text-component h2, .text-component h3 { font-family: var(--font-headings); letter-spacing: -0.02em; color: var(--ws-ink); }
h1 { font-weight: 700; }
a:hover { color: var(--ws-accent); }

/* tekstlogo zoals in het ontwerp: WALL!SUPPLY */
.main-header__logo.ws-logo { height: auto; display: inline-flex; align-items: baseline; font-family: "Inter Tight", Inter, sans-serif; font-weight: 800; font-size: 24px; letter-spacing: -0.01em; line-height: 1; color: var(--ws-ink); text-decoration: none; white-space: nowrap; }
.main-header__logo.ws-logo .ws-bang { color: var(--ws-accent); padding: 0 1px; }
.main-header__logo.ws-logo:hover { color: var(--ws-ink); }
.main-header__mobile-content .main-header__logo.ws-logo { font-size: 20px; }

/* knoppen en accenten */
.btn--primary { background-color: var(--ws-ink); color: #fff; border-radius: 0; }
.btn--primary:hover { background-color: var(--ws-accent); color: #fff; }
.btn { border-radius: 0; }
.s-tabs__link--current { color: var(--ws-accent); }
.s-tabs__link--current::after { background-color: var(--ws-accent); }

/* productkaarten als catalogus */
.prod-card { background: var(--ws-surface); }
.prod-card__img-wrapper figure, .bg-contrast-lower { background-color: var(--ws-grey-100); }
.product-card__title { font-family: var(--font-headings); font-weight: 600; color: var(--ws-ink); }
.product-card__title:hover { color: var(--ws-accent); }

/* artikelnummer en kleine labels in mono */
.product .text-sm.margin-bottom-md, .breadcrumbs, .main-footer h4 {
  font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ws-grey-500);
}

/* specificatietabel */
.spec-table__cell--th { font-weight: 600; }

/* vangnet: nooit prijs, winkelwagen of account tonen */
.prod-card__price, .product__price-wrapper, .product__price, .price-tax,
.btn--add-to-cart, .prod-card__wishlist, .btn--wishlist, .js-number-input, label[for="qtyInput"],
.dr-cart, a[href*="/cart/"], a[href*="/account/"]:not([href*="newsletter"]), .payment-methods { display: none !important; }