.wsa-demobar {
  top: auto !important;
  bottom: 0px;
}

/** ***************/
/** Tijdelijke kleur verandering **/
/*****************/
:root {
  --primary-color: #c2b19d; /* Voeg hier de gewenste primaire kleur toe */
  --text-color: white;
  --footer-heading: black;
}

header .options .cart .counter {
  background-color: var(--primary-color);
  color: var(--text-color); 
}

.mijn-winkelwagen a.gui-button-action {
  background-color: black !important; 
  color: white !important;
}

.mobile-categories ul li .category-image {
  border-color: var(--primary-color); 
}

.sub-header {
  background-color: var(--primary-color); 
}


.sub-header .usp-slider .swiper-slide {
 color: var(--text-color);
}

.sub-header .usp-slider .swiper-slide svg {
 fill: var(--text-color);  
}

.sub-header .contact-info a svg {
  fill: var(--text-color); 
}

.prod-card .prod-card__badge {
 background-color: var(--primary-color); 
 color: var(--text-color); 
}

.sub-header .contact-info a {
 color: var(--text-color);  
}

nav.pagination ul li.active a {
 color: var(--primary-color); 
}

.btn--primary.is--pink {
 background-color: var(--primary-color); 
 color: var(--text-color); 
}

.btn--primary.is--pink:hover {
 background-color: var(--primary-color); 
 color: var(--text-color); 
}

/** Seen on **/
.seen-on .seen-on-slide {
  text-decoration-color: var(--primary-color);
}

.seen-on .caption p {
 color: var(--primary-color); 
}

/** Productpagina **/
/* .product-gallery .swiper-container.gallery-top {
 padding-top: 105%; 
} */

/** Onderkant **/

footer.main-footer {
 background-color: white; 
}

.main-footer .column h6 {
 color: var(--footer-heading); 
}

/** Checkout **/
.gui-input-phone-number-code-wrapper {
 display: none; 
}

.gui-input-phone-number #gui-form-details-phone-number {
 padding-left: 10px !important; 
}


/** Custom Variants **/
.variation-title {
  font-size: 17px;
  margin-bottom: 8px;
  margin-top: 10px;
}

.custom-variants {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 35px;
}

.custom-variants input[type="radio"] {
  display: none;
}

.variant-option {
  padding: 10px 14px;
  border: 1px solid #ddd;
  cursor: pointer;
  transition: 0.2s ease;
  background: #fff;
  font-size: 14px;
}

.variant-option:hover {
    border-color: var(--primary-color);
}

.custom-variants input[type="radio"]:checked + .variant-option {
  background: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
  font-weight: 600;
}

.variant-option.is-soldout {
    text-decoration: line-through;
    opacity: 0.3;
    cursor: not-allowed;
}

/** Out of stock popup **/
.ism-bis-overlay .ism-bis-body .ism-bis-btn {
 background-color: black; 
}

.js-live-quick-checkout .ism-bis-btn:hover {
 background-color: black;
  color: white;
}