.elementor-890 .elementor-element.elementor-element-688e41f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-890 .elementor-element.elementor-element-f88c6ba{width:var( --container-widget-width, 125px );max-width:125px;--container-widget-width:125px;--container-widget-flex-grow:0;}.elementor-890 .elementor-element.elementor-element-f88c6ba .cart button, .elementor-890 .elementor-element.elementor-element-f88c6ba .cart .button{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:600;border-radius:0px 50px 50px 0px;padding:0px 30px 0px 10px;color:#FFFFFF;background-color:#155D3C;border-color:var( --e-global-color-primary );transition:all 0.2s;}.elementor-890 .elementor-element.elementor-element-f88c6ba .added_to_cart{color:var( --e-global-color-primary );}.elementor-890 .elementor-element.elementor-element-f88c6ba .quantity .qty{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );transition:all 0.2s;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-890 .elementor-element.elementor-element-6cb2812 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;fill:#FFFFFF;color:#FFFFFF;border-radius:30px 30px 30px 30px;padding:10px 20px 10px 20px;}.elementor-890 .elementor-element.elementor-element-3884199 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-size:13px;font-weight:400;border-radius:30px 30px 30px 30px;padding:10px 20px 10px 20px;}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-f88c6ba *//* === Layout fix: qty + button on one row, nothing clipped === */
.elementor-890 .elementor-element.elementor-element-f88c6ba{
  position: relative;
  overflow: visible !important;
  max-height: none !important;
}

.elementor-890 .elementor-element.elementor-element-f88c6ba form.cart,
.elementor-890 .elementor-element.elementor-element-f88c6ba .woocommerce-variation-add-to-cart{
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 0;
}

/* === Quantity block (smaller) === */
.elementor-890 .elementor-element.elementor-element-f88c6ba .quantity{
  margin: 0 !important;
  flex: 0 0 54px;     /* smaller width */
  max-width: 54px;
  position: relative;
  z-index: 2;
}

.elementor-890 .elementor-element.elementor-element-f88c6ba .quantity input.qty,
.elementor-890 .elementor-element.elementor-element-f88c6ba .quantity input[type="number"]{
  width: 100% !important;
  height: 36px;       /* smaller height */
  line-height: 36px;
  padding: 0 6px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;

  background: #fff;
  color: #0f172a;

  border: 2px solid #155D3C;
  border-right: 0;
  border-radius: 40px 0 0 40px;
  box-sizing: border-box;

  /* try to ensure native spinners are allowed if your theme disabled them */
  -webkit-appearance: auto;
  appearance: auto;
}

/* === Native spinner arrows: hidden until hover/focus (Chrome/Edge/Safari) === */
.elementor-890 .elementor-element.elementor-element-f88c6ba .quantity input[type="number"]::-webkit-inner-spin-button,
.elementor-890 .elementor-element.elementor-element-f88c6ba .quantity input[type="number"]::-webkit-outer-spin-button{
  opacity: 0;
  transform: scale(.65);          /* smaller/elegant */
  transition: opacity .2s ease, transform .2s ease;
  cursor: pointer;
}

.elementor-890 .elementor-element.elementor-element-f88c6ba .quantity:hover input[type="number"]::-webkit-inner-spin-button,
.elementor-890 .elementor-element.elementor-element-f88c6ba .quantity:hover input[type="number"]::-webkit-outer-spin-button,
.elementor-890 .elementor-element.elementor-element-f88c6ba .quantity input[type="number"]:focus::-webkit-inner-spin-button,
.elementor-890 .elementor-element.elementor-element-f88c6ba .quantity input[type="number"]:focus::-webkit-outer-spin-button{
  opacity: .55;
  transform: scale(.8);
}

/* Firefox note: it may not respect the WebKit spinner styling. This keeps it usable. */
@supports (-moz-appearance: auto){
  .elementor-890 .elementor-element.elementor-element-f88c6ba .quantity input[type="number"]{
    -moz-appearance: auto; /* if your theme hid it with textfield, this can bring it back */
  }
}

/* === Add-to-cart button (match qty height) === */
.elementor-890 .elementor-element.elementor-element-f88c6ba .single_add_to_cart_button{
  margin-left: 0 !important;
  height: 36px;
  border-radius: 0 40px 40px 0;
  white-space: nowrap;
  position: relative;
  z-index: 1;
  padding-right: 34px; /* space so text doesn't collide with the icon */
}

/* View cart link under pill */
.elementor-890 .elementor-element.elementor-element-f88c6ba .wc-forward{
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 12px;
  color: #155D3CC;
  text-decoration: underline;
}

/* === Icon (hidden until hover) === */
.elementor-890 .elementor-element.elementor-element-f88c6ba .single_add_to_cart_button::after{
  display: block;
  position: absolute;
  content:'';
  width: 15px;
  height: 15px;
  background: url('https://wholesale.jarvislighting.com/wp-content/uploads/2025/07/plus-icon.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 150px 15px;
  top: 50%;
  transform: translateY(-50%);
  right: -30px;
  opacity: 0;
  transition: .3s;
}

.elementor-890 .elementor-element.elementor-element-f88c6ba:hover .single_add_to_cart_button::after{
  right: 10px;
  opacity: 1;
}

/* Loading / Added states */
.elementor-890 .elementor-element.elementor-element-f88c6ba .single_add_to_cart_button.loading::after{
  background: url('https://wholesale.jarvislighting.com/wp-content/uploads/2025/07/spinner.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 150px 15px;
  right: 10px;
  opacity: 1;
}

.elementor-890 .elementor-element.elementor-element-f88c6ba .single_add_to_cart_button.added::after{
  background: url('https://wholesale.jarvislighting.com/wp-content/uploads/2025/07/checkmark-icon-green.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 150px 15px;
  right: 10px;
  opacity: 1;
}/* End custom CSS */