/* Custom-quantity input for Handheld Signs */
.pp-variant-config .pp-custom-qty {
  margin-top: 14px;
  border-top: 1px dashed var(--pp-stroke, rgba(31,31,33,0.25));
  padding-top: 14px;
}
.pp-variant-config .pp-custom-qty__toggle {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 6px 0;
  cursor: pointer;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pp-ink, #1f1f21);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.pp-variant-config .pp-custom-qty__toggle.is-open::before { content: '−  '; }
.pp-variant-config .pp-custom-qty__toggle:not(.is-open)::before { content: '+  '; }

.pp-variant-config .pp-custom-qty__panel {
  margin-top: 12px;
  background: #fff;
  border: 2px solid var(--pp-ink, #1f1f21);
  padding: 14px;
}
.pp-variant-config .pp-custom-qty__label {
  display: block;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--pp-ink-soft, #3a3a3d);
  margin: 0 0 6px;
}
.pp-variant-config .pp-custom-qty__row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 6px;
}
.pp-variant-config .pp-custom-qty__input {
  appearance: none;
  border: 2px solid var(--pp-ink, #1f1f21);
  background: #fff;
  padding: 8px 12px;
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 1rem;
  font-weight: 600;
  width: 130px;
  text-align: center;
  color: var(--pp-ink, #1f1f21);
}
.pp-variant-config .pp-custom-qty__input:focus {
  outline: 3px solid var(--pp-hot, #dde21e);
  outline-offset: 2px;
}
.pp-variant-config .pp-custom-qty__unit {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: var(--pp-ink-soft, #3a3a3d);
}
.pp-variant-config .pp-custom-qty__total {
  font-family: 'Roboto Slab', Georgia, serif;
  font-size: 1.25rem;
  color: var(--pp-ink, #1f1f21);
  margin-top: 4px;
}
.pp-variant-config .pp-custom-qty__total strong { font-weight: 700; }
.pp-variant-config .pp-custom-qty__hint {
  background: var(--pp-hot, #dde21e);
  color: var(--pp-ink, #1f1f21);
  margin-top: 10px;
  padding: 8px 10px;
  font-size: 0.85rem;
  line-height: 1.4;
}
.pp-variant-config .pp-custom-qty__hint:empty { display: none; }

/* When custom mode is active, fade the preset qty rows */
.pp-variant-config .pp-qty-row.is-disabled-by-custom {
  opacity: 0.4;
}