/* 20250521093225 - v2 */
.gui,
.gui-block-linklist li a {
  color: #4a5760;
}

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

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

.gui a {
  color: #4a5760;
}

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

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

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

.gui-block-title {
  color: #4a5760;
  background-color: #e8ebed;
}

.gui-content-title {
  color: #4a5760;
}

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

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

.gui-block-option {
  border-color: #e3e5e7;
  background-color: #f5f6f7;
}

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

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

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

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

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

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

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

.gui-table thead tr th {
  border-color: #adb3b7;
  background-color: #f5f6f7;
}

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

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #4a5760;
  color: #4a5760;
  background-color: #ffa500;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #4a5760;
  color: #4a5760;
  background-color: #ffa500;
}

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

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

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

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

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

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

.gui-progressbar {
  background-color: #2099a2;
}

/* custom */
#cookiescript_badge {bottom:85px!important;}

#block-content h1 > span,
#block-content h2 > span {color:#46515a!important;}
#gui-block-review .gui-col2-equal small {display:none;}

#header .nav-item:hover .subnav, #header .nav-item.hover .subnav {height: auto;}
.rating .stars svg.fa-star, .stars i.fa-star { color: #2099A2!important; }
svg.svg-inline--fa.fa-star { color: gold!important; }
.korting-regel { background-color: #aac631; padding: 10px; border: 1px solid #6e8704; border-radius: 5px; opacity: 0.75; }
.korting-regel .product-korting { color: #0a0a0a; }
#sortselect, #brands-collection select {background: url("https://cdn.webshopapp.com/shops/37213/files/430970176/img-dropdown-arrow.png") var(--color-bg-input) right 5px no-repeat}
.section-collection .collection-content p strong {
    font-size: inherit; /* Gebruik de standaard font-grootte in plaats van 28px */
    font-weight: bold;
}
.content-container {
    display: flex;           /* Zorgt ervoor dat de afbeelding en tekst naast elkaar staan op grotere schermen */
    flex-wrap: wrap;         /* Zorgt dat op mobiel de items onder elkaar komen */
    align-items: center;     /* Lijnt de tekst en afbeelding verticaal uit op grotere schermen */
}

.category-image {
    max-width: 100%;         /* Schaal de afbeelding zodat deze nooit groter is dan zijn container */
    height: auto;            /* Houdt de oorspronkelijke verhoudingen van de afbeelding */
    flex: 1 1 50%;           /* Maakt dat de afbeelding 50% van de breedte inneemt op desktop */
}

.category-text {
    flex: 1 1 50%;           /* Maakt dat de tekst 50% van de breedte inneemt op desktop */
    padding: 10px;           /* Voeg wat ruimte toe rondom de tekst */
}
/* Container voor responsieve video */
.video-container {
    position: relative;       /* Maakt het mogelijk om het iframe binnenin te positioneren */
    padding-bottom: 56.25%;   /* Verhouding 16:9 (breedte-hoogteverhouding van de meeste YouTube-video's) */
    height: 0;                /* Zorgt ervoor dat de container geen standaardhoogte heeft */
    overflow: hidden;         /* Voorkomt dat de video buiten de container valt */
    max-width: 100%;          /* Zorgt ervoor dat de container niet breder wordt dan het omringende element */
    background: #000;         /* Optionele achtergrondkleur voor als de video niet laadt */
}

/* Stijlen voor de video zelf (iframe) */
.video-container iframe {
    position: absolute;       /* Stelt de positie van de iframe vast binnen de container */
    top: 0;                   /* Plaatst de iframe bovenaan de container */
    left: 0;                  /* Plaatst de iframe aan de linkerkant van de container */
    width: 100%;              /* Laat de iframe de volledige breedte van de container benutten */
    height: 100%;             /* Laat de iframe de volledige hoogte van de container benutten */
}
.catalog-categories {
    display: flex;
    flex-wrap: wrap;
}
.custom-wit input:checked + label {
    background-color: #fff; /* Achtergrond wit */
    color: #000; /* Zwart vinkje */
}

.custom-zwart input:checked + label {
    background-color: #000; /* Achtergrond zwart */
    color: #fff; /* Wit vinkje */
}

.custom-roze input:checked + label {
    background-color: #f5a9c4; /* Lichtroze achtergrond */
    color: #000; /* Zwart vinkje */
}

.custom-blauw input:checked + label {
    background-color: #6495ed; /* Blauw achtergrond */
    color: #fff; /* Wit vinkje */
}
.custom-oranje input:checked + label {
    background-color: #ff7e00; /* Oranje achtergrond */
    color: #fff; /* Wit vinkje */
}