/* =========================================================
   PROMOTIONS
========================================================= */

.promotion-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 8px;
}

.promotion-item {
  color: var(--color-primary, #ff6b00);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.35;
}

.promotion-list--product {
  margin-top: 9px;
  padding: 6px 9px;
  border: 1px solid rgba(255, 107, 0, 0.25);
  border-radius: var(--radius-small, 8px);
  background: rgba(255, 107, 0, 0.06);
}

.promotion-list--product .promotion-item {
  font-size: 12px;
}

.additional-hour-row {
  margin: 7px 0 0;
  padding: 9px 0 6px;
}

.additional-hour-row + .duration-row {
  margin: 0 0 14px;
  padding: 6px 0 9px;
  border-top: 0;
}

.promotion-list--card {
  width: fit-content;
  margin-top: 4px;
  padding: 6px 9px;
  border: 1px solid rgba(255, 107, 0, 0.25);
  border-radius: var(--radius-small, 8px);
  background: rgba(255, 107, 0, 0.06);
}

.promotion-list--vehicle {
  width: fit-content;
  margin-top: 9px;
  padding: 6px 9px;
  border: 1px solid rgba(255, 107, 0, 0.25);
  border-radius: var(--radius-small, 8px);
  background: rgba(255, 107, 0, 0.06);
}

@media (max-width: 640px) {
  .promotion-list--product {
    align-items: flex-start;
    flex-direction: column;
    gap: 2px;
  }

  .promotion-list--card,
  .promotion-list--vehicle {
    gap: 3px 6px;
  }

  .promotion-item {
    font-size: 10px;
  }
}