.elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{background-color:#C8F04B;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ============================================================
   BLACK BOOSTER SHOP — WooCommerce-stijl gelijk aan het frontpage-ontwerp
   Geldt voor: shop, categorie- en merkpagina's, productpagina's,
   winkelwagen en afrekenen.
   Beste plek: Weergave → Aanpassen → Extra CSS (werkt dan site-breed).
   ============================================================ */

/* ---------- Kleuren (zelfde als het ontwerp) ---------- */
:root{
  --bbs-black:#121212;
  --bbs-accent:#C8F04B;
  --bbs-accent-hover:#d6fa63;
  --bbs-accent-ink:#101400;
  --bbs-green-text:#5c7a0e;
  --bbs-muted:#9c9c9c;
  --bbs-line:#e3e3dc;
  --bbs-star:#f0a500;
  --bbs-display:'Anton', Impact, sans-serif;
  --bbs-body:'Inter', system-ui, sans-serif;
}

/* ---------- Paginatitel (bijv. "Zion Labs", "Fatburners") ---------- */
.woocommerce-products-header__title,
.ast-archive-description .ast-archive-title,
.woocommerce .page-title,
.woocommerce div.product .product_title{
  font-family:var(--bbs-display) !important;
  font-weight:400 !important;
  text-transform:uppercase;
  letter-spacing:.01em;
  color:var(--bbs-black) !important;
  line-height:1.05 !important;
}
.woocommerce-products-header__title,
.ast-archive-description .ast-archive-title,
.woocommerce .page-title{
  font-size:clamp(32px,4vw,48px) !important;
}

/* ---------- Productkaarten ---------- */
.woocommerce ul.products li.product{
  background:#fff;
  border:1px solid var(--bbs-line);
  border-radius:16px;
  padding:18px 16px 20px !important;
  transition:transform .15s ease, box-shadow .15s ease;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 40px rgba(0,0,0,.08);
}

/* Producttitel: zwart en vet in plaats van blauw */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--bbs-body) !important;
  font-size:16.5px !important;
  font-weight:800 !important;
  color:var(--bbs-black) !important;
  line-height:1.35 !important;
}
.woocommerce ul.products li.product a,
.woocommerce ul.products li.product a:hover{
  text-decoration:none !important;
}
.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title{
  color:var(--bbs-green-text) !important;
}

/* Prijs: zwart en vet, oude prijs doorgestreept in grijs */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  font-family:var(--bbs-body) !important;
  font-weight:800 !important;
  font-size:18px !important;
  color:var(--bbs-black) !important;
}
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del{
  color:var(--bbs-muted) !important;
  font-weight:600 !important;
  font-size:14px !important;
  opacity:1;
}
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins{
  text-decoration:none;
}

/* Sterren in goud, lege sterren lichtgrijs */
.woocommerce .star-rating span::before{color:var(--bbs-star) !important;}
.woocommerce .star-rating::before{color:#dcdcd5 !important;}

/* Uitverkoop-badge in lime */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale{
  background:var(--bbs-accent) !important;
  color:var(--bbs-accent-ink) !important;
  font-family:var(--bbs-body) !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.08em;
  text-transform:uppercase;
  border-radius:7px !important;
  min-height:0 !important;
  min-width:0 !important;
  line-height:1 !important;
  padding:7px 10px !important;
}

/* ---------- Knoppen: zwart, wordt lime bij hover ---------- */
.woocommerce ul.products li.product .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce div.product form.cart .button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.wc-block-components-button:not(.is-link){
  background:var(--bbs-black) !important;
  color:#fff !important;
  border:1px solid var(--bbs-black) !important;
  border-radius:10px !important;
  font-family:var(--bbs-body) !important;
  font-weight:700 !important;
  font-size:14px !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  line-height:1.3 !important;
  padding:13px 20px !important;
  white-space:normal;
  box-shadow:none !important;
  transition:background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.wc-block-components-button:not(.is-link):hover{
  background:var(--bbs-accent) !important;
  color:var(--bbs-accent-ink) !important;
  border-color:var(--bbs-accent) !important;
}
.woocommerce a.button:active,
.woocommerce button.button:active{transform:scale(.98);}

/* Knoppen zichtbaar maken voor toetsenbordgebruikers */
.woocommerce a.button:focus-visible,
.woocommerce button.button:focus-visible{
  outline:2px solid var(--bbs-accent);
  outline-offset:2px;
}

/* Belangrijkste knoppen (naar afrekenen, bestelling plaatsen) direct in lime */
.woocommerce a.checkout-button,
.woocommerce #place_order,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{
  background:var(--bbs-accent) !important;
  color:var(--bbs-accent-ink) !important;
  border-color:var(--bbs-accent) !important;
  font-size:15px !important;
  padding:15px 30px !important;
}
.woocommerce a.checkout-button:hover,
.woocommerce #place_order:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover{
  background:var(--bbs-accent-hover) !important;
  border-color:var(--bbs-accent-hover) !important;
  color:var(--bbs-accent-ink) !important;
}

/* "Bekijk winkelwagen"-link die verschijnt na toevoegen */
.woocommerce a.added_to_cart{
  color:var(--bbs-black) !important;
  font-family:var(--bbs-body);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}

/* ---------- Mobiel ---------- */
@media (max-width:544px){
  .woocommerce ul.products li.product{padding:14px 12px 16px !important;}
  .woocommerce ul.products li.product .button{font-size:13px !important;padding:11px 12px !important;}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px !important;}
}

@media (prefers-reduced-motion:reduce){
  .woocommerce ul.products li.product,
  .woocommerce ul.products li.product:hover{transition:none;transform:none;}
}/* End custom CSS */