/* MONEY LAYER - ticket 11
   The plain mark that stands in for an amount the store has not set, and
   the small block that carries the delivery window and the import-charges
   line onto the order. Nothing here draws a number. */

.nn-wait {
  display: inline-flex;
  align-items: baseline;
  gap: .35rem;
  flex-wrap: wrap;
  white-space: normal;
}

.nn-wait__dash {
  font-variant-numeric: tabular-nums;
  color: var(--color-stone, #A79D91);
}

.nn-wait__word {
  font-size: var(--type-label-sm-size, 11px);
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-stone, #A79D91);
}

/* The waiting artwork row keeps the fee row's weight, so the two money
   lines read as one list. */
tr.nn-wait-row th,
tr.nn-wait-row td {
  color: var(--color-charcoal, #20201F);
}

/* The sentence under the totals, at checkout. */
tr.nn-wait-note-row td {
  padding: .25rem 0 0;
}

tr.nn-wait-note-row .nn-sb-total-note {
  margin: 0;
  font-size: var(--type-body-sm-size, 12px);
  line-height: 1.55;
  color: var(--color-charcoal, #20201F);
}

tr.nn-wait-note-row .nn-sb-total-mark {
  padding-right: .15rem;
  vertical-align: super;
  font-size: .8em;
}

/* The block on the order screen, in the emails and in the shop's own order
   view: three quiet rows under the order table. */
.nn-order-money {
  margin: 1.5rem 0 0;
  padding: 1.25rem 1.25rem 1rem;
  border: 1px solid var(--color-sand, #E7E0D6);
}

.nn-order-money__title {
  margin: 0 0 .75rem;
  font-size: var(--type-label-sm-size, 11px);
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--color-stone, #A79D91);
}

.nn-order-money__row {
  display: grid;
  grid-template-columns: 8.5rem 1fr;
  gap: 1rem;
  margin: 0 0 .5rem;
  font-size: var(--type-body-sm-size, 12px);
  line-height: 1.55;
  color: var(--color-charcoal, #20201F);
}

.nn-order-money__label {
  font-size: var(--type-label-sm-size, 11px);
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-stone, #A79D91);
}

.nn-order-money__note {
  margin: .75rem 0 0;
  font-size: var(--type-body-sm-size, 12px);
  line-height: 1.55;
  color: var(--color-charcoal, #20201F);
}

.nn-admin-order-money .nn-order-money {
  border: 0;
  padding: 0;
  margin: 1rem 0;
}

@media (max-width: 600px) {
  .nn-order-money__row {
    grid-template-columns: 1fr;
    gap: .15rem;
  }
}