/* c-where — C2 Where and when. Layout only; components are never restyled here. */

.where__form { display: flex; flex-direction: column; gap: var(--rhythm-section); margin-top: var(--rhythm-major); }
.where__group { display: flex; flex-direction: column; gap: var(--rhythm-tight); }
.where__label { margin: 0; }

/* address / need-by cards: a white button with an inset hairline */
.where__card {
  display: flex; align-items: center; justify-content: space-between; gap: var(--space-12);
  width: 100%; min-height: 56px; padding: var(--space-8) var(--space-16); border-radius: var(--radius-md);
  background: var(--white); box-shadow: inset 0 0 0 1px var(--card-ring-tap); text-align: left;
}
.where__card--error { box-shadow: inset 0 0 0 1px var(--error); }
.where__card-text { display: flex; flex-direction: column; gap: var(--space-2); flex: 1 1 0; min-width: 0; }
.where__card-main { color: var(--ink); overflow-wrap: break-word; }
.where__card-action { flex-shrink: 0; }
.where__chevron { width: 16px; height: 16px; flex-shrink: 0; color: var(--neutral-500); }

.where__rush { display: flex; align-items: flex-start; gap: var(--space-8); color: var(--warning-ink); }
.where__rush-icon { display: inline-flex; flex-shrink: 0; }
.where__rush-icon svg { width: 16px; height: 16px; }
.where__rush[hidden] { display: none; }

/* address sheet */
.where-sheet__fields { display: flex; flex-direction: column; gap: var(--space-16); }
.screen-sheet[data-s^="c-where"] .sheet__cancel,
.screen-sheet[data-s^="c-where"] .sheet__confirm { min-width: 44px; min-height: 44px; }
/* S-27 (pre-MVP B2): saved addresses first (one tap), then another address with the shared four fields */
.where-sheet { display: flex; flex-direction: column; gap: var(--rhythm-block); }
.where-sheet__saved, .where-sheet__other { display: flex; flex-direction: column; gap: var(--space-8); }
.where-sheet__group { display: flex; flex-direction: column; }
.where-sheet__other .cta { margin-top: var(--space-8); }