.erixb2b-offer-marker {
  display: none !important;
}

/* Bonus rows must look like a normal PrestaShop/GiftRotator gift, not like a
   customer-editable customization line. */
.erixb2b-offer-row .erixb2b-offer-label {
  white-space: nowrap;
  font-weight: 700;
}

.erixb2b-offer-row .bootstrap-touchspin,
.erixb2b-offer-row input.js-cart-line-product-quantity,
.erixb2b-offer-row input[name="product-quantity-spin"],
.erixb2b-offer-row .remove-from-cart,
.erixb2b-offer-row a[data-target*="product-customizations-modal"],
.erixb2b-offer-row a[data-bs-target*="product-customizations-modal"],
.erixb2b-offer-row .customization-modal,
.erixb2b-offer-row .js-customization-modal {
  display: none !important;
}

.erixb2b-offer-row .erixb2b-gift-quantity {
  display: inline-block;
  min-width: 32px;
  padding: 9px 4px;
  text-align: center;
}

/* The offer belongs in the product right column, leaving the central product
   description/buy area compact. */
.erixb2b-product-offers {
  width: 100%;
  margin: 0 0 18px;
}

.erixb2b-product-offers--right {
  padding: 0;
}

.erixb2b-product-offer {
  position: relative;
  overflow: hidden;
  padding: 16px 16px 15px;
  border: 2px solid #6bb6d6;
  border-radius: 8px;
  background: linear-gradient(135deg, #111 0%, #222 100%);
  color: #fff;
  box-shadow: 0 7px 22px rgba(0, 0, 0, 0.16);
}

.erixb2b-product-offer + .erixb2b-product-offer {
  margin-top: 10px;
}

.erixb2b-offer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 9px;
}

.erixb2b-offer-kicker {
  display: inline-block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #82d6f3;
}

.erixb2b-offer-code {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 64px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #6bb6d6;
  color: #0b0b0b;
  font-size: 18px;
  line-height: 1;
  font-weight: 900;
}

.erixb2b-offer-main {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.28;
  font-weight: 800;
}

.erixb2b-offer-note {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.42;
  color: #f1f1f1;
}

.erixb2b-offer-progress {
  margin-top: 12px;
  padding: 9px 10px;
  border-radius: 5px;
  background: rgba(107, 182, 214, 0.16);
  border: 1px solid rgba(130, 214, 243, 0.42);
  font-size: 12px;
  line-height: 1.4;
}

.erixb2b-offer-progress.is-earned {
  background: rgba(108, 207, 132, 0.16);
  border-color: rgba(108, 207, 132, 0.45);
}

.erixb2b-offer-next {
  margin-top: 7px;
  font-size: 11px;
  line-height: 1.4;
  color: #d8d8d8;
}

@media (max-width: 991px) {
  .erixb2b-product-offers {
    margin-top: 14px;
  }
}

@media (max-width: 767px) {
  .erixb2b-product-offer {
    padding: 14px;
  }

  .erixb2b-offer-main {
    font-size: 15px;
  }

  .erixb2b-offer-code {
    min-width: 60px;
    font-size: 17px;
  }
}


/* v0.2.5 - always-visible dropdown for the earned gift variant. */
.erixb2b-gift-flavor-switch {
  display: block !important;
  clear: both;
  margin-top: 9px;
  max-width: 460px;
  padding: 9px 10px;
  border: 1px solid #d5eaf3;
  border-radius: 5px;
  background: #f6fbfd;
  font-size: 12px;
  line-height: 1.35;
}

.erixb2b-gift-flavor-title {
  margin-bottom: 7px;
  font-weight: 800;
  color: #287fa4;
}

.erixb2b-gift-flavor-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
}

.erixb2b-gift-flavor-label {
  margin: 0;
  font-weight: 700;
  color: #444;
}

.erixb2b-gift-flavor-select {
  display: inline-block !important;
  width: auto !important;
  min-width: 210px;
  max-width: 100%;
  height: 34px;
  margin: 0;
  padding: 5px 30px 5px 8px;
  font-size: 12px;
  cursor: pointer;
}

.erixb2b-gift-flavor-select:disabled {
  cursor: default;
  opacity: .75;
}

.erixb2b-gift-flavor-status {
  display: inline-block;
  font-size: 11px;
  color: #31844a;
}

.erixb2b-gift-flavor-status.is-error {
  color: #b42318;
}

@media (max-width: 767px) {
  .erixb2b-gift-flavor-row {
    display: block;
  }

  .erixb2b-gift-flavor-label,
  .erixb2b-gift-flavor-select,
  .erixb2b-gift-flavor-status {
    display: block !important;
    width: 100% !important;
  }

  .erixb2b-gift-flavor-select {
    margin-top: 5px;
  }

  .erixb2b-gift-flavor-status {
    margin-top: 5px;
  }
}


/* v0.2.6: server-rendered flavour selector. It remains usable in the cart footer
   if Warehouse cannot relocate it, and front.js moves it into the earned row
   when the exact id_customization can be found. */
.erixb2b-gift-pickers {
  margin: 12px 0;
}

.erixb2b-gift-pickers:empty {
  display: none;
}

.erixb2b-gift-picker {
  clear: both;
  margin-top: 9px;
  max-width: 520px;
  padding: 10px 12px;
  border: 1px solid #b9dfea;
  border-radius: 6px;
  background: #f5fbfd;
}

.erixb2b-gift-picker-title {
  margin-bottom: 7px;
  color: #287fa4;
  font-size: 12px;
  font-weight: 800;
}

.erixb2b-gift-picker-form > label {
  display: block;
  margin: 0 0 5px;
  font-size: 12px;
  font-weight: 700;
}

.erixb2b-gift-picker-controls {
  display: flex;
  align-items: center;
  gap: 8px;
}

.erixb2b-gift-picker-controls .erixb2b-gift-flavor-select {
  flex: 1 1 260px;
  width: auto !important;
  min-width: 220px;
  margin: 0;
}

.erixb2b-gift-picker-submit {
  flex: 0 0 auto;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .erixb2b-gift-picker-controls {
    display: block;
  }
  .erixb2b-gift-picker-controls .erixb2b-gift-flavor-select,
  .erixb2b-gift-picker-submit {
    width: 100% !important;
  }
  .erixb2b-gift-picker-submit {
    margin-top: 7px;
  }
}