/*
 * Basic styling for the custom cart controls widget.
 * These styles ensure the quantity spinner elements are aligned
 * horizontally and have consistent spacing. You can override
 * these in your theme if desired.
 */

.cart-controls-wrapper,
.cart-controls-spinner {
  display: inline-flex;
  align-items: center;
}

.cart-controls-spinner button {
  background: #fff;
  border: 1px solid #000000;
  padding: 0.25rem 1rem;
  cursor: pointer;
  font-size: 0;
  border-radius: 12px;
  height: 38px;
}
.cart-controls-spinner button.cart-controls-add {
  font-size: 10px;
}

.cart-controls-spinner input.cart-controls-qty {
  width: 3rem;
  text-align: center;
  margin: 0 0.25rem;
  height: 38px;
  border-radius: 12px;
  border: 1px solid #000000;
}

.cart-controls-add {
  border-radius: 12px;
  border: 1px solid #000000;
  color: #000;
  padding: 3px 8px;
  cursor: pointer;
  min-height: 37px;
  background: none;
  font-size: 12px;
}

.cart-controls-spinner button.cart-controls-minus {
  background: url("/themes/custom/artflora/img/minus-qty.png") center center no-repeat;
  background-size: 12px;
}
.cart-controls-spinner button.cart-controls-plus {
  background: url("/themes/custom/artflora/img/plus-qty.png") center center no-repeat;
  background-size: 12px;
  padding: 0.25rem 1.5rem;
  border: 3px solid #028E08;
}

/** Всплывающий блок с корзиной **/
.cart-block .cart-block--contents { display: none; }
.cart-block.is-open .cart-block--contents { display: block; }