/* Day/time picker for discovery calls (contact form + booking manage) and the .opt button. */
.opt {
  min-height: 64px; padding: var(--sp-3) var(--sp-4); text-align: left; border-radius: var(--radius-sm); cursor: pointer;
  border: 1px solid var(--border); background: var(--bg); color: var(--fg); display: grid; gap: 2px;
  transition: background var(--t-fast), border-color var(--t-fast);
}
.opt small { color: var(--muted); }
.opt:hover { background: var(--surface-hover); border-color: var(--border-strong); }
.opt[aria-pressed="true"] { border-color: var(--accent); background: var(--accent-soft); }
.opt:disabled { opacity: .4; cursor: not-allowed; text-decoration: line-through; }
.call-lead { font-size: var(--fs-sm); }
.call-lead small { display: block; color: var(--muted); font: 400 var(--fs-xs)/1.5 var(--font-mono); }
.call-days { display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--sp-2); }
.call-day {
  display: grid; justify-items: center; gap: 2px; padding: var(--sp-2) 0; cursor: pointer; border-radius: var(--radius-sm);
  background: var(--surface); border: 1px solid var(--border); color: var(--fg); transition: background var(--t-fast), border-color var(--t-fast);
}
.call-day small { font: 400 var(--fs-xs)/1 var(--font-mono); color: var(--muted); text-transform: uppercase; letter-spacing: .08em; }
.call-day b { font: 500 var(--fs-xl)/1.1 var(--font-display); }
.call-day:hover { background: var(--surface-hover); border-color: var(--border-strong); }
.call-day[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.call-day[aria-pressed="true"] small { color: var(--accent-ink); }
.call-times { animation: pop var(--t-med) var(--ease); }
.call-times { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: var(--sp-2); }
.call-time { min-height: var(--tap); text-align: center; font-family: var(--font-mono); font-size: var(--fs-sm); }