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

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); 
}


/** joannes-specials sale button **/

.joannes-specials .prod-card__badge {
 font-size: 0px;
}

.joannes-specials .prod-card__badge:before {
  content: "Special Priced";
  font-size: 14.6667px;
  padding: 6.875px 13.75px;
  display: inline-block;
}


@media (max-width: 1024px) {
.joannes-specials .prod-card__badge:before {
  content: "Special Priced";
  font-size: 13.333px;
	padding: 5px 10px;
  display: inline-block;
}
}