/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* ================================
   GLOBAL ADD-TO-CART QUANTITY PILL
   (Bricks loop, single product, quick view)
   ================================ */

:root{
  --qty-h: 42px;
  --qty-r: 10px;
  --qty-border: #e3e3e3;
  --qty-bg: #fff;
  --qty-input-w: 68px;
}

/* Contexts where quantity appears with Add to Cart */
:is(
  /* single product & quick-view */
  .woocommerce div.product form.cart,
  .single-product form.cart,
  .woocommerce-quick-view form.cart,
  /* Bricks product loop add-to-cart */
  .brx-loop-product-form
) .quantity{
  display:flex;
  align-items:stretch;
  height:var(--qty-h);
  border:1px solid var(--qty-border);
  border-radius:var(--qty-r);
  background:var(--qty-bg);
  overflow:hidden; /* hide inner corners/separators */
}

/* Reset inner bits (buttons/spans/input) */
:is(
  .woocommerce div.product form.cart,
  .single-product form.cart,
  .woocommerce-quick-view form.cart,
  .brx-loop-product-form
) .quantity *{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent;
}
:is(
  .woocommerce div.product form.cart,
  .single-product form.cart,
  .woocommerce-quick-view form.cart,
  .brx-loop-product-form
) .quantity *::before,
:is(
  .woocommerce div.product form.cart,
  .single-product form.cart,
  .woocommerce-quick-view form.cart,
  .brx-loop-product-form
) .quantity *::after{
  content:none !important;
}

/* Number field */
:is(
  .woocommerce div.product form.cart,
  .single-product form.cart,
  .woocommerce-quick-view form.cart,
  .brx-loop-product-form
) .quantity input[type="number"]{
  width:var(--qty-input-w);
  height:var(--qty-h);
  padding:0 12px;
  text-align:center;
  -moz-appearance:textfield; /* Firefox: remove arrows */
}
:is(
  .woocommerce div.product form.cart,
  .single-product form.cart,
  .woocommerce-quick-view form.cart,
  .brx-loop-product-form
) .quantity input[type="number"]::-webkit-outer-spin-button,
:is(
  .woocommerce div.product form.cart,
  .single-product form.cart,
  .woocommerce-quick-view form.cart,
  .brx-loop-product-form
) .quantity input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance:none; margin:0;
}

/* +/- controls (catch most variations) */
:is(
  .woocommerce div.product form.cart,
  .single-product form.cart,
  .woocommerce-quick-view form.cart,
  .brx-loop-product-form
) .quantity .actions,
:is(
  .woocommerce div.product form.cart,
  .single-product form.cart,
  .woocommerce-quick-view form.cart,
  .brx-loop-product-form
) .quantity [class*="action"],
:is(
  .woocommerce div.product form.cart,
  .single-product form.cart,
  .woocommerce-quick-view form.cart,
  .brx-loop-product-form
) .quantity [class*="minus"],
:is(
  .woocommerce div.product form.cart,
  .single-product form.cart,
  .woocommerce-quick-view form.cart,
  .brx-loop-product-form
) .quantity [class*="plus"],
:is(
  .woocommerce div.product form.cart,
  .single-product form.cart,
  .woocommerce-quick-view form.cart,
  .brx-loop-product-form
) .quantity button,
:is(
  .woocommerce div.product form.cart,
  .single-product form.cart,
  .woocommerce-quick-view form.cart,
  .brx-loop-product-form
) .quantity .button{
  display:flex;
  align-items:center;
  justify-content:center;
  width:var(--qty-h);
  height:var(--qty-h);
  cursor:pointer;
}

/* Optional subtle hover */
:is(
  .woocommerce div.product form.cart,
  .single-product form.cart,
  .woocommerce-quick-view form.cart,
  .brx-loop-product-form
) .quantity [class*="minus"]:hover,
:is(
  .woocommerce div.product form.cart,
  .single-product form.cart,
  .woocommerce-quick-view form.cart,
  .brx-loop-product-form
) .quantity [class*="plus"]:hover,
:is(
  .woocommerce div.product form.cart,
  .single-product form.cart,
  .woocommerce-quick-view form.cart,
  .brx-loop-product-form
) .quantity .button:hover{
  background:rgba(0,0,0,.03);
}

/* Keep the screen-reader label */
:is(
  .woocommerce div.product form.cart,
  .single-product form.cart,
  .woocommerce-quick-view form.cart,
  .brx-loop-product-form
) .quantity > label{
  position:absolute !important;
  width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);
}

/* Cart & Checkout quantity (update-cart context) */
:is(.woocommerce-cart .woocommerce-cart-form, .woocommerce-checkout) .quantity{
  display:flex;
  align-items:stretch;
  height:var(--qty-h);
  border:1px solid var(--qty-border);
  border-radius:var(--qty-r);
  background:var(--qty-bg);
  overflow:hidden;
}
:is(.woocommerce-cart .woocommerce-cart-form, .woocommerce-checkout) .quantity *{
  border:0 !important; outline:0 !important; box-shadow:none !important; background:transparent;
}