/* IsNietTop huisstijl toegepast op WooCommerce-elementen */
/* Bron: Noto Sans bold/uppercase koppen en knoppen, zwart-wit contrast, zoals gebruikt in header/hero/product-cards. */

.woocommerce, .woocommerce-page, .woocommerce ins, .woocommerce del {
  font-family: "Noto Sans", sans-serif;
}

/* Producttitel */
.single-product .product_title,
.woocommerce-page h1.entry-title {
  font-family: "Noto Sans", sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #333 !important;
  letter-spacing: 0.02em;
}

/* Prijzen: weg met de standaard WooCommerce-kleur, aansluiten bij zwart-wit uitstraling */
.woocommerce .price,
.woocommerce .price ins,
.woocommerce ul.products li.product .price {
  font-family: "Noto Sans", sans-serif !important;
  color: #000 !important;
}
.woocommerce .price del {
  color: #999 !important;
  opacity: 1 !important;
}
.woocommerce .price ins {
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Primaire knoppen: toevoegen aan winkelwagen, afrekenen, bestelling plaatsen, coupon toepassen, etc. */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.single_add_to_cart_button,
.woocommerce button.single_add_to_cart_button,
.woocommerce #place_order,
.woocommerce .checkout-button,
.woocommerce a.checkout-button {
  font-family: "Noto Sans", sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em;
  background-color: #000 !important;
  color: #fff !important;
  border-radius: 12px !important;
  border: none !important;
  padding: 12px 24px !important;
  transition: background-color 0.15s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.single_add_to_cart_button:hover,
.woocommerce button.single_add_to_cart_button:hover,
.woocommerce #place_order:hover,
.woocommerce .checkout-button:hover {
  background-color: #262626 !important;
  color: #fff !important;
}
.woocommerce a.button.disabled,
.woocommerce button.button.disabled,
.woocommerce input.button.disabled {
  background-color: #ccc !important;
  color: #666 !important;
}

/* Aanbieding-badge: zwart i.p.v. het ongebruikte WooCommerce-standaardmosterdgeel */
.woocommerce span.onsale {
  font-family: "Noto Sans", sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  background-color: #000 !important;
  color: #fff !important;
}

/* Producttabs (Beschrijving / Aanvullende informatie / Beoordelingen) */
.woocommerce-tabs ul.tabs li,
.woocommerce-tabs ul.tabs li a {
  font-family: "Noto Sans", sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 13px;
  letter-spacing: 0.02em;
}
.woocommerce-tabs ul.tabs li.active,
.woocommerce-tabs ul.tabs li.active a {
  color: #000 !important;
}
.woocommerce-tabs ul.tabs li.active {
  border-bottom: 2px solid #000 !important;
}

/* Winkelwagen / checkout tabellen en koppen */
.woocommerce table.shop_table th,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout h3 {
  font-family: "Noto Sans", sans-serif !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em;
}

/* Meldingen (leeg winkelwagen, etc.) */
.woocommerce-info {
  border-top-color: #000 !important;
}
.woocommerce-info::before {
  color: #000 !important;
}

/* USP trust-badges (product page + checkout) laten aansluiten bij de huisstijl */
.nm-usp-badges li {
  font-family: "Noto Sans", sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 11.5px;
  letter-spacing: 0.02em;
  color: #000 !important;
}
.nm-usp-badges .dashicons {
  color: #000 !important;
}
.nm-usp-badges--checkout {
  background: #f2f2f2;
  border-radius: 12px;
}