/*
Theme Name: Fabrik Child
Author: VamTam
Author URI: https://vamtam.com
Template: fabrik
*/

/*

put your child theme styles here


you don't need any @import rules

*/

/* =========================================================================
   Cart Page — Quantity +/- Buttons  (matches archive page design)
   ========================================================================= */

.woocommerce-cart-form .qty-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.woocommerce-cart-form .qty-btn {
  width: 30px !important;
  height: 30px !important;
  background: #13153f !important;
  border: none !important;
  color: #fff !important;
  font-size: 18px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
}

.woocommerce-cart-form .qty-btn:hover {
  background: #0a0b26 !important;
}

.woocommerce-cart-form .qty-input {
  width: 50px !important;
  text-align: center !important;
  height: 30px !important;
  border: 1px solid #ddd !important;
  border-left: none !important;
  border-right: none !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  -moz-appearance: textfield !important;
}

.woocommerce-cart-form .qty-input::-webkit-outer-spin-button,
.woocommerce-cart-form .qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* =========================================================================
   Product Archive — Scoped Styles
   ========================================================================= */

.product-archive .product-card {
  padding: 12px !important;
  border: 1px solid #e6e9eb !important;
  gap: 8px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
}

.product-archive .product-card img {
  width: 100% !important;
  height: 167px !important;
  object-fit: contain !important;
  margin-bottom: 10px !important;
}

.product-archive .qty-btn {
  width: 30px !important;
  height: 30px !important;
  background: #13153f !important;
  border: none !important;
  color: #fff !important;
  font-size: 18px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.product-archive .qty-box input {
  width: 50px !important;
  text-align: center !important;
  height: 30px !important;
  border: 1px solid #ddd !important;
  padding: 14px !important;
}

.product-archive .btn-cart {
  background: #8d1a1d !important;
  color: #fff !important;
  border-radius: 0 !important;
  padding: 6px !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  border: none !important;
  width: 100% !important;
  text-decoration: none !important;
  display: block !important;
  text-align: center !important;
}

.product-archive .btn-cart:hover {
  background: #761216 !important;
  color: #fff !important;
}

.product-archive .price {
  font-size: 20px !important;
  margin-bottom: 0 !important;
  color: #333 !important;
  font-weight: bold !important;
}

.product-archive .card-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 0.5rem !important;
}

.product-archive .card-title a {
  text-decoration: none !important;
  color: inherit !important;
}

.product-archive .sku-text {
  font-size: 12px !important;
  color: #666 !important;
  margin-bottom: 5px !important;
}

/* Filter Styles */
.product-archive .accordion-button:not(.collapsed) {
  color: #8d1a1d !important;
  background-color: #f8f9fa !important;
}

.product-archive .accordion-button {
  font-weight: 600 !important;
  font-size: 0.95rem !important;
}

.product-archive .form-select {
  border-radius: 0 !important;
  border-color: #e6e9eb !important;
  font-size: 0.9rem !important;
}

/* =========================================================================
   WooCommerce Global Overrides
   ========================================================================= */

.qty.input-text.text {
  color: #000;
  padding: 8px;
  width: 60px;
  height: 40px;
  font-size: 18px;
}

input#coupon_code {
  padding: 22px 30px 22px 30px;
  font-size: 16px;
  min-width: 50%;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
  width: 100px;
  box-shadow: none;
}

.woocommerce-shipping-fields {
  display: none;
}

.elementor-element.elementor-element-61a6190.elementor-view-default.elementor-widget.elementor-widget-icon
  .elementor-icon-wrapper {
  display: flex;
  padding-left: 10px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

/* Hide "Calculate shipping" on cart page */
.woocommerce-cart .cart-collaterals .shipping-calculator-button,
.woocommerce-cart .shipping,
.woocommerce-cart .cart-collaterals .shipping-calculator-form {
  display: none !important;
}
