/* Bundle Product Item */
.biscuits-bundle-item-card {
  padding-left: calc(var(--biscuits-grid-gap) / 2);
  padding-right: calc(var(--biscuits-grid-gap) / 2);
}

.biscuits-bundle-item-card {
  width: var(--biscuits-column-mobile);
}

.biscuits-bundle-step__body {
  width: calc(100% + var(--biscuits-grid-gap));
  margin-left: calc(var(--biscuits-grid-gap) / -2);
  margin-right: calc(var(--biscuits-grid-gap) / -2);
} 

@media screen and (min-width: 750px) {
  .biscuits-bundle-item-card {
    width: var(--biscuits-column-desktop);
  }
}

.biscuits-bundle-item__details {
  gap: calc(var(--biscuits-card-padding));
  margin-top: calc(var(--biscuits-card-padding));
}

.biscuits-bundle-item__container {
  border-radius: var(--biscuits-border-radius);
  border: var(--biscuits-border-thickness) solid rgba(var(--biscuits-color-border));
  padding: var(--biscuits-card-padding);
  background-color: rgba(var(--biscuits-color-card));
  color: rgba(var(--biscuits-color-text));
}

biscuits-bundle-form p, 
biscuits-bundle-form h1,
biscuits-bundle-form h2,
biscuits-bundle-form h3,
biscuits-bundle-form h4,
biscuits-bundle-form h5,
biscuits-bundle-form h6,
biscuits-bundle-form span {
  color: rgba(var(--biscuits-color-text));
}

.biscuits-bundle-item.biscuits--active .biscuits-bundle-item__container,
.biscuits-bundle-variant.biscuits--active .biscuits-bundle-item__container {
  border: var(--biscuits-border-thickness) solid rgba(var(--biscuits-color-selected));
}

.biscuits-bundle-item__options { 
  border: 1px solid rgba(var(--biscuits-color-border));
}

.biscuits-bundle-item__options::after {
  border-left: 1px solid rgba(var(--biscuits-color-input-text));
  border-bottom: 1px solid rgba(var(--biscuits-color-input-text));
}

.biscuits-bundle-item__price {
  border-top: 1px solid var(--biscuits-border-color);
}

.biscuits-bundle-price__compare {
  color: rgba(var(--biscuits-color-compare));
}

.biscuits-bundle-variant-image,
.biscuits-bundle-product-image,
.biscuits-bundle-item-image {
  border-radius: var(--biscuits-image-radius);
  aspect-ratio: var(--biscuits-item-image-aspect);
  -o-object-fit: var(--biscuits-image-fit) !important;
     object-fit: var(--biscuits-image-fit) !important;
}

/* Bundle Product Item Sold out */
[data-biscuits-available="false"] {
  -webkit-box-ordinal-group: var(--biscuits-soldout-order);
      -ms-flex-order: var(--biscuits-soldout-order);
          order: var(--biscuits-soldout-order);
  display: var(--biscuits-soldout-display);
}

/* Bundle Product Item Quantity */ 
.biscuits-bundle-quantity__button {
  border: 1px solid rgba(var(--biscuits-color-border));
}

.biscuits-bundle-quantity-count {
  background-color: rgba(var(--biscuits-color-card));
  border: 1px solid rgba(var(--biscuits-color-border));
  border-right: none;
  border-left: none;
}

[data-biscuits-quantity-type="f"] .biscuits-bundle-quantity-count {
  border-left: 1px solid rgba(var(--biscuits-color-border));
  border-right: 1px solid rgba(var(--biscuits-color-border));
}

.biscuits-bundle-quantity-count,
.biscuits-bundle-quantity__button,
.biscuits-bundle-item__options,
.biscuits-bundle-item__select {
  background-color: rgba(var(--biscuits-color-input));
  color: rgba(var(--biscuits-color-input-text));
}

.biscuits-bundle-quantity__button.biscuits--disabled,
.biscuits-bundle-quantity__input.biscuits--disabled {
  color: rgba(var(--biscuits-color-input-disabled));
}

.biscuits-bundle-quantity .biscuits-bundle-quantity__button,
.biscuits-bundle-quantity .biscuits-bundle-quantity__count {
  background-color: rgba(var(--biscuits-color-input));
}

/* Bundle Product Item Badge */
.biscuits-bundle-item-badge {
  top: calc(10px + var(--biscuits-card-padding));
  right: calc(10px + var(--biscuits-card-padding));
}

.biscuits-bundle-item-badge__count {
  background-color: rgba(var(--biscuits-color-badge));
  color: rgba(var(--biscuits-color-text)); 
}

.biscuits-bundle-item-badge__remove {
  background-color: rgba(var(--biscuits-color-card)); 
  color: rgba(var(--biscuits-color-text));
}

/* Horizontal Product Item  */
[data-biscuits-style*="horizontal"] .biscuits-bundle-item__image {
  margin-right: calc(var(--biscuits-card-padding) * 2);
}

[data-biscuits-style*="horizontal"] .biscuits-bundle-item__details {
  gap: calc(var(--biscuits-card-padding) / 2);
}

[data-biscuits-style*="horizontal"] .biscuits-bundle-item-badge {
  right: auto;
  left: calc(10px + var(--biscuits-card-padding));
}

/* Bundle Form */

.biscuits-bundle-totals__row--discount {
  color: rgba(var(--biscuits-color-important-text));
}

.biscuits-bundle-totals__row--discount .biscuits-bundle-totals__text,
.biscuits-bundle-totals__row--discount .biscuits-bundle-form__discount {
  color: inherit;
}

.biscuits-bundle-totals__row--savings {
  color: rgba(var(--biscuits-color-important-text));
}

.biscuits-bundle-actions {
  border-top: var(--biscuits-divider-width) solid rgba(var(--biscuits-color-divider));
}

/* Bundle Step */
.biscuits-bundle-step {
  color: rgba(var(--biscuits-color-text));
}

.biscuits-bundle-step__number {
  display: var(--biscuits-step-number-display);
}

.biscuits-bundle-step__header {
  border-bottom: var(--biscuits-divider-width) solid rgba(var(--biscuits-color-divider));
}

.biscuits-bundle-step__body--grid .biscuits-bundle-step__products .biscuits-bundle-item-card  {
  margin-bottom: var(--biscuits-grid-gap);
}

/* Highlight fill styles */

[data-biscuits-highlight="fill"] .biscuits-bundle-item.biscuits--active .biscuits-bundle-item__container {
  background-color: rgba(var(--biscuits-color-selected));
  color: rgba(var(--biscuits-color-selected-text));
}

[data-biscuits-highlight="fill"] .biscuits-bundle-item.biscuits--active .biscuits-bundle-item__details, 
[data-biscuits-highlight="fill"] .biscuits-bundle-item.biscuits--active biscuits-bundle-price {
  color: rgba(var(--biscuits-color-selected-text));
}

[data-biscuits-highlight="fill"] .biscuits-bundle-item.biscuits--active .biscuits-bundle-price__compare {
  color: rgba(var(--biscuits-color-selected-compare));
}

/* highlight outline */

[data-biscuits-highlight="outline"] .biscuits-bundle-item.biscuits--active .biscuits-bundle-item__container {
  color: rgba(var(--biscuits-color-selected-text));
}

[data-biscuits-highlight="outline"] .biscuits-bundle-item.biscuits--active .biscuits-bundle-item__details, 
[data-biscuits-highlight="outline"] .biscuits-bundle-item.biscuits--active biscuits-bundle-price {
  color: rgba(var(--biscuits-color-selected-text));
}

[data-biscuits-highlight="outline"] .biscuits-bundle-item.biscuits--active .biscuits-bundle-price__compare {
  color: rgba(var(--biscuits-color-selected-compare));
}

/* Ball and pill styles */

[data-biscuits-inputs="ball"] .biscuits-bundle-item__options,
[data-biscuits-inputs="pill"] .biscuits-bundle-item__options  {
  border-radius: var(--biscuits-quantity-input-height);
}

[data-biscuits-inputs="pill"] .biscuits-bundle-radio-button,
[data-biscuits-inputs="ball"] .biscuits-bundle-radio-button {
  border-radius: var(--biscuits-quantity-input-height);
}

[data-biscuits-inputs="pill"] .biscuits-bundle-item__select,
[data-biscuits-inputs="pill"] .biscuits-bundle-item__select:focus-visible {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

[data-biscuits-inputs="pill"] .biscuits-bundle-item__options:focus-within {
  border: 1px solid rgba(var(--biscuits-color-selected));
}

[data-biscuits-inputs="ball"] .biscuits-bundle-quantity__button {
  border-radius: var(--biscuits-quantity-input-height);
}

[data-biscuits-inputs="pill"] .biscuits-bundle-quantity__button--minus {
  border-radius: var(--biscuits-quantity-input-height) 0 0  var(--biscuits-quantity-input-height);
}

[data-biscuits-inputs="pill"] .biscuits-bundle-quantity__button--plus {
  border-radius: 0 var(--biscuits-quantity-input-height) var(--biscuits-quantity-input-height) 0;
}

[data-biscuits-inputs="ball"] .biscuits-bundle-quantity-count {
  border-right: 1px solid rgba(var(--biscuits-color-border));
  border-left: 1px solid rgba(var(--biscuits-color-border));
}

[data-biscuits-inputs="ball"] .biscuits-bundle-quantity-count {
  border-radius: var(--biscuits-quantity-input-height);
  border: 1px solid rgba(var(--biscuits-color-border));
}

[data-biscuits-inputs="ball"] .biscuits-bundle-quantity__input {
  border-radius: var(--biscuits-quantity-input-height);
}

[data-biscuits-inputs="ball"] .biscuits-bundle-quantity {
  gap: 2px;
}

/* Rectangle input styles */

[data-biscuits-inputs="rectangle"] .biscuits-bundle-item__options  {
  border-radius: var(--biscuits-border-radius);
}

[data-biscuits-inputs="rectangle"] .biscuits-bundle-quantity__button--plus {
  border-radius: 0 var(--biscuits-border-radius) var(--biscuits-border-radius) 0;
}

[data-biscuits-inputs="rectangle"] .biscuits-bundle-quantity__button--minus {
  border-radius: var(--biscuits-border-radius) 0 0 var(--biscuits-border-radius);
}

/* Box shadow */

[data-biscuits-shadow="true"] .biscuits-bundle-item {
  padding: var(--biscuits-padding-shadow);
}

[data-biscuits-shadow="true"] .biscuits-bundle-item__container {
  -webkit-box-shadow: var(--biscuits-box-shadow);
          box-shadow: var(--biscuits-box-shadow);
}

/* Error Styling */
.biscuits-bundle-message--error {
  border-radius: var(--biscuits-border-radius);
}

.biscuits--error {
  color: var(--biscuits-color-error-text);
  background: var(--biscuits-color-error-background);
}

[data-biscuits-shadow="true"] .biscuits--error {
  -webkit-box-shadow: var(--biscuits-box-shadow-error);
  box-shadow: var(--biscuits-box-shadow-error);
}

[data-biscuits-highlight="outline"] .biscuits--error {
  border: 1px solid var(--biscuits-color-error-text);
}

.biscuits-section {
  max-width: var(--biscuits-max-width);
}

.biscuits--warning {
  color: var(--biscuits-color-warning-text);
  background: var(--biscuits-color-warning-background);
}

[data-biscuits-shadow="true"] .biscuits--warning {
  -webkit-box-shadow: var(--biscuits-box-shadow-error);
  box-shadow: var(--biscuits-box-shadow-error);
}

[data-biscuits-highlight="outline"] .biscuits--warning {
  border: 1px solid var(--biscuits-color-warning-text);
}

/* Unselected Items */
[data-biscuits-disable-unselected="1"][data-biscuits-max-quantity-reached="true"] .biscuits-bundle-item:not(.biscuits--active){
  opacity: var(--biscuits-unselected-opacity);
  pointer-events: var(--biscuits-unselected-pointer);
  cursor: not-allowed;
}

[data-biscuits-disable-unselected="1"][data-biscuits-max-selected-reached="true"] .biscuits-bundle-item:not(.biscuits--active){
  opacity: var(--biscuits-unselected-opacity);
  pointer-events: var(--biscuits-unselected-pointer);
  cursor: not-allowed;
}

[data-biscuits-disable-unselected="1"][data-biscuits-max-quantity-reached="true"] .biscuits-bundle-item .biscuits-bundle-quantity__button--plus{
  pointer-events: var(--biscuits-unselected-pointer);
  color: rgba(var(--biscuits-color-input-disabled));
  cursor: not-allowed;
}

/* Dawn */
/* see biscuits-bundle-form.liquid for dynamic css rules for hiding price */
product-info .product-form__quantity {
  display: none;
}

/* Prestige */
.ProductForm .ProductForm__QuantitySelector,
.product-info__block-item quantity-selector {
  display: none;
}
/* Pipeline */
.product__main__content .product__block__quantity {
  display: none;
}
/* Reformation */
.add_to_cart_holder quantity-selector {
  display: none;
}

/* Be Yours */
.shopify-product-form .product-form__quantity {
  display: none;
}

/* Broadcast */
.product-form .select-popout__toggle {
  display: none;
}

/* Showcase */
.product-purchase-form .quantity-wrapper {
  display: none;
}

/* Palo Alto */
.product__form .selector-wrapper--qty {
  display: none;
}

/* Impact */
.product-info .product-info__quantity-selector  {
  display: none;
}

/* Symmetry */
.product-form .quantity-submit-row .quantity-wrapper {
  display: none;
}

/* starlite */
.product-content-wrapper .product-quantity-wrapper {
  display: none;
} 

/* Shapes */
.product-block-container .product-block-quantity-selector {
  display: none;
}

/*Honey*/
.product-form .product-form__quantity {
  display: none;
}

/*Impulse*/
.product-block .product__quantity {
  display: none;
}

/* Beyond,blockshop */
.product-page--block[data-block-type="quantity-selector"] {
  display: none;
}
