/* path: wp-content/themes/bedrebyttede/assets/css/components/offer-box.css */
/* Offer Box visual frame */
.bb-offer-box-container {
  top: var(--space-3);
  padding: var(--space-4);
  /* Increased padding for breathability */
  border: var(--border-1) solid var(--line);
  border-radius: var(--radius-3);
  box-shadow: var(--shadow-1);
  background: var(--surface);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  min-width: 0;
  /* Prevent grid blowout */
}

/* Internal layout */
.bb-offer-box {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.bb-offer-box__header {
  margin-bottom: var(--space-1);
}

.bb-offer-box__status {
  font-size: var(--fs-md);
  font-weight: 600;
  color: var(--text-1);
  margin: 0;
}

.bb-offer-box__note {
  font-size: var(--fs-sm);
  color: var(--text-2);
  margin: var(--space-1) 0 0;
}

/* Urgency Prompt */
.bb-offer-box__urgency {
  background: color-mix(in oklab, var(--grad-move), transparent 92%);
  border: 1px solid color-mix(in oklab, var(--grad-move), transparent 80%);
  padding: var(--space-2) var(--space-3);
  border-bottom: 1px solid var(--surface-2);
  margin-bottom: var(--space-2);
}

.bb-urgency-text {
  font-size: var(--fs-sm);
  color: var(--text-1);
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.bb-urgency-text i {
  color: #ff4d4d;
  /* Fire color */
}

/* Actions */
.bb-offer-box__actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}

.bb-offer-box__secondary {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-top: var(--space-1);
}

/* Full width buttons */
.btn--full {
  width: 100%;
  justify-content: center;
}


/* User has an active offer for listing so style the primary action as "disabled/waiting"*/
.is-awaiting-reply {
  opacity: 50%;
  transform: none !important;
  box-shadow: none !important;
  cursor: unset;
}