/* Il blocco «sconto o prezzo» (components/_price_deal): gli sconti pronti come chip in corallo
   (Brand/Coral orange, il colore che il designer dà alle promozioni) con una transizione morbida, lo
   scelto pieno, «Nessuno» in blu perché non è uno sconto; sotto i due campi affiancati, la nota del
   limite come «Information text» dell'Input (600 10 grigio). Un aspetto solo per il cassetto del
   nuovo ordine e il pannello delle condizioni (Mattias, 26/10/2026). */
.price-deal__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.price-deal__chip {
  flex: 1 1 0;
  min-width: 4rem;
  min-height: var(--touch);
  padding: 0 0.75rem;
  border: 2px solid var(--app-brand-gold);
  border-radius: var(--radius);
  font: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--app-brand-gold);
  cursor: pointer;
  background: var(--app-surface);
  transition: background-color 0.15s, color 0.15s, border-color 0.15s;
}

.price-deal__chip--active {
  border-color: var(--app-brand-gold);
  color: var(--app-on-color);
  background: var(--app-brand-gold);
}

.price-deal__chip:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.price-deal__chip--none {
  border-color: var(--app-accent);
  color: var(--app-accent);
}

.price-deal__chip--none.price-deal__chip--active {
  border-color: var(--app-accent);
  color: var(--app-on-color);
  background: var(--app-accent);
}

/* Sconto e prezzo affiancati: si scrive in uno, l'altro segue. */
.price-deal__fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: end;
  gap: 0.75rem;
  margin-top: 0.5rem;
}

.price-deal__or {
  padding-bottom: 0.75rem;
  font-size: 0.9375rem;
  color: var(--app-muted);
}

.price-deal__fields .field__input {
  font-size: 1.125rem;
  font-weight: 700;
}

.price-deal__fields .field__input[aria-invalid="true"] {
  border-color: var(--app-danger);
  box-shadow: inset 0 0 0 1px var(--app-danger);
  color: var(--app-danger);
}

.price-deal__limit {
  margin: 0.25rem 0 0;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.6;
  color: var(--app-placeholder);
}

.price-deal__limit[hidden] {
  display: none;
}

.price-deal .field__error {
  margin: 0.5rem 0 0;
}