/* =============================================
   BCC MOTORS — WooCommerce CSS Override
   assets/css/woocommerce.css
   ============================================= */

/* Remove default WooCommerce styles that conflict */
.woocommerce-page .woocommerce { margin: 0; }
.woocommerce .woocommerce-breadcrumb { display: none; } /* We use custom breadcrumb */

/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #payment #place_order {
  background: var(--bcc-primary) !important;
  color: white !important;
  font-family: var(--bcc-font-heading) !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  border-radius: var(--bcc-radius) !important;
  padding: 13px 24px !important;
  border: none !important;
  transition: all .2s !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #payment #place_order:hover {
  background: var(--bcc-primary-dark) !important;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt { background: var(--bcc-dark) !important; }
.woocommerce a.button.alt:hover { background: #333 !important; }

/* Sale Badge */
.woocommerce span.onsale {
  background: #FF6B00 !important;
  font-family: var(--bcc-font-heading) !important;
  font-weight: 800 !important;
  font-size: 10px !important;
  min-height: auto !important;
  min-width: auto !important;
  padding: 4px 10px !important;
  border-radius: 3px !important;
  line-height: 1.4 !important;
  top: 10px !important;
  left: 10px !important;
  right: auto !important;
}

/* Product loop */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px !important;
  margin: 0 !important;
}
.woocommerce ul.products li.product {
  background: white;
  border: 1.5px solid var(--bcc-border);
  border-radius: 10px;
  overflow: hidden;
  transition: all .25s;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  width: auto !important;
}
.woocommerce ul.products li.product:hover {
  box-shadow: var(--bcc-shadow-lg);
  transform: translateY(-4px);
}
.woocommerce ul.products li.product img {
  height: 180px;
  object-fit: contain;
  padding: 12px;
  background: var(--bcc-bg2);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--bcc-font-heading) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 14px 14px 4px !important;
  color: var(--bcc-text) !important;
  line-height: 1.4 !important;
}
.woocommerce ul.products li.product .price {
  padding: 0 14px 8px !important;
  font-family: var(--bcc-font-heading) !important;
  font-weight: 900 !important;
  color: var(--bcc-primary) !important;
}
.woocommerce ul.products li.product .price del { color: var(--bcc-text3) !important; }
.woocommerce ul.products li.product .price ins { text-decoration: none !important; }
.woocommerce ul.products li.product a.button {
  margin: 0 14px 14px !important;
  width: calc(100% - 28px) !important;
  text-align: center !important;
}

/* Single product */
.woocommerce div.product .woocommerce-tabs ul.tabs { border-bottom: 2px solid var(--bcc-border) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: none !important;
  background: transparent !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-family: var(--bcc-font-heading) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .3px !important;
  color: var(--bcc-text2) !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--bcc-primary) !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before { display: none !important; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-bottom: 2px solid var(--bcc-primary) !important;
  margin-bottom: -2px !important;
}

/* Price */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--bcc-primary) !important;
  font-family: var(--bcc-font-heading) !important;
  font-weight: 900 !important;
  font-size: 28px !important;
}
.woocommerce div.product p.price del { color: var(--bcc-text3) !important; font-size: 17px !important; }

/* Cart */
.woocommerce table.shop_table { border: 1.5px solid var(--bcc-border) !important; border-radius: 10px !important; overflow: hidden !important; }
.woocommerce table.shop_table th { background: var(--bcc-bg2) !important; font-family: var(--bcc-font-heading) !important; font-size: 11px !important; font-weight: 800 !important; text-transform: uppercase !important; letter-spacing: .4px !important; color: var(--bcc-text) !important; }
.woocommerce table.shop_table td { vertical-align: middle !important; }

/* Checkout */
.woocommerce form .form-row label { font-family: var(--bcc-font-heading) !important; font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .3px !important; }
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
  border: 1.5px solid var(--bcc-border) !important;
  border-radius: var(--bcc-radius) !important;
  padding: 10px 13px !important;
  font-size: 13px !important;
  transition: border-color .2s !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus { border-color: var(--bcc-primary) !important; }

/* Notices */
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  font-family: var(--bcc-font-heading) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-top-color: var(--bcc-primary) !important;
}
.woocommerce-message { background: #ECFDF5 !important; color: #059669 !important; }
.woocommerce-error   { background: #FEF2F2 !important; color: #DC2626 !important; border-top-color: #DC2626 !important; }

/* Star ratings */
.star-rating span::before { color: #FFB800 !important; }
.woocommerce .star-rating { color: #FFB800 !important; }

/* Account navigation */
.woocommerce-MyAccount-navigation ul li { border: none !important; }
.woocommerce-MyAccount-navigation ul li a {
  font-family: var(--bcc-font-heading) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: var(--bcc-text2) !important;
  padding: 12px 16px !important;
  display: block !important;
  border-bottom: 1px solid var(--bcc-bg2) !important;
  transition: all .2s !important;
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover { color: var(--bcc-primary) !important; background: #FFF9F8 !important; }

/* Related products */
.related.products > h2,
.upsells.products > h2 {
  font-family: var(--bcc-font-heading) !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: -.5px !important;
}

/* Quantity input */
.woocommerce .quantity .qty {
  border: 1.5px solid var(--bcc-border) !important;
  border-radius: var(--bcc-radius) !important;
  font-family: var(--bcc-font-heading) !important;
  font-weight: 700 !important;
  text-align: center !important;
  height: 46px !important;
  width: 70px !important;
  font-size: 15px !important;
}

/* Order received */
.woocommerce-order-received .woocommerce-thankyou-order-received {
  font-family: var(--bcc-font-heading) !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #059669 !important;
}