/* 20250903122052 - 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: #ffffff;
}

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

/* custom */
/* Categorieblok container */
.home-category-row {
  display: flex;
  overflow-x: auto;
  gap: 16px;
  padding: 20px 0;
  scroll-snap-type: x mandatory;
}

/* Categoriekaartje zelf */
.home-category-catalog-item {
  width: 160px;
  height: 160px;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  padding: 12px;
  flex: 0 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  scroll-snap-align: start;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.home-category-catalog-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
}

/* Afbeelding */
.home-category-catalog-item img {
  max-height: 100px;
  max-width: 100%;
  object-fit: contain;
  margin-bottom: 10px;
}

/* Titel onder afbeelding */
.home-category-catalog-item span {
  font-weight: 500;
  font-size: 14px;
  color: #111;
}

@media only screen and (max-width: 767px) {
  .home-module.mod-slider[data-mod-id="3"] {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .home-module.mod-categories {
    margin-top: -15px !important; /* trek dichter naar boven */
  }

  .home-module.mod-categories .home-highlight {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .search-bar,
  .header-bottom {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 769px) {
  .home-module.mod-categories {
    margin-bottom: -40px !important; /* standaard is dit vaak 32px of meer */
  }
}

@media (min-width: 769px) {
  .subheader-holder {
    margin-bottom: 5px !important; /* verklein ruimte */
    padding-bottom: 0 !important;
  }

  .home-module.mod-categories {
    margin-top: 0 !important;
  }
  
  /* MOBIEL: categorie-balk compacter maken */
@media (max-width: 768px){

  /* 1) Buitenruimte van de module zelf (heeft mt-4 in jouw HTML) */
  html body .template-index .home-module.mod-categories.mt-4{
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  
  /* Brant stijl bulletlijst met checkmark icoon */
.product-description .brant-icons {
  list-style: none;
  padding: 0;
  margin: 0;
}

.product-description .brant-icons li {
  position: relative;
  padding-left: 28px;
  margin: 6px 0;
  line-height: 1.5em;
}

.product-description .brant-icons li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='12' fill='%23eaf4ef'/><path d='M18 8l-7.5 7.5L6 11.9' stroke='%232e5539' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center/contain;
}