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

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

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

.gui a {
  color: #554667;
}

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

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

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

.gui-block-title {
  color: #554667;
  background-color: #f37321;
}

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

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

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

.gui-block-option {
  border-color: #e5e3e8;
  background-color: #f6f5f7;
}

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

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

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

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

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

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

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

.gui-table thead tr th {
  border-color: #b2abba;
  background-color: #f6f5f7;
}

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

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

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #f37321;
  color: #554667;
  background-color: #f2f2f2;
}

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

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

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

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

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

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

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

/* custom */
/* Productkaarten en afbeelding achtergronden aanpassen naar #F2F2F2 */
.product-item, 
.product-block, 
.product-grid-item,
.product-item .product-image, 
.product-item .product-image-wrapper,
.product-item .image-wrapper {
    background-color: #F2F2F2 !important;
    border-color: #F2F2F2 !important;
    box-shadow: none !important;
}
/* 1. De Home button (het huisje) oranje maken */
ul.mediummenu li a i.fa-home {
    background-color: #f37321 !important;
    color: #ffffff !important; /* Maakt het huisje wit */
    padding: 10px;             /* Geeft het huisje wat ruimte in het oranje vlak */
    border-radius: 3px;        /* Maakt de hoekjes iets minder scherp */
}

/* 2. De zoekbalk rand oranje maken */
#search #searchbox {
    border: 2px solid #f37321 !important;
}
/* Verberg de categorie Druivenrassen op basis van de URL in het menu */
#navbar ul li a[href*="/druivenrassen/"] {
    display: none !important;
}

/* Verberg ook het omliggende lijst-item om witruimte te voorkomen */
#navbar ul li:has(a[href*="/druivenrassen/"]) {
    display: none !important;
}

/* Verwijder maattabel knop en bijbehorende icoon */
.product-size-guide, .size-guide-link, .product-size-chart {
    display: none !important;
}

/* Maak filtertitels klikbaar en verberg de lijst standaard */
.filter-group .filter-content {
    display: none;
}

/* Toon de filters alleen als de groep de klasse 'active' of 'open' heeft */
.filter-group.active .filter-content, 
.filter-group.open .filter-content {
    display: block;
}