/* Reserva de turnos (plugin salon-booking) · usa las variables del tema activo */
.wt-bk-step { border: 0; padding: 0; margin: 0; min-width: 0; }
.wt-bk-step[hidden], .wt-bk-done[hidden] { display: none; }
.wt-bk-legend { display: flex; align-items: center; gap: .6rem; font-weight: 800; font-size: 1.05rem; color: var(--text); margin-bottom: .9rem; font-family: var(--font-display); }
.wt-bk-num {
  width: 1.75rem; height: 1.75rem; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center;
  font-size: .8rem; font-family: var(--font-main); color: #fff; background: var(--brand-1);
}
.wt-bk-chip {
  padding: .7rem .9rem; border-radius: var(--radius-sm); border: 1px solid var(--border-strong);
  background: var(--surface-2); color: var(--text); transition: border-color .15s ease, background .15s ease;
}
.wt-bk-chip:hover { border-color: var(--brand-1); }
.wt-bk-chip:focus-visible { outline: 3px solid color-mix(in srgb, var(--accent) 45%, transparent); outline-offset: 2px; }
.wt-bk-chip[aria-pressed="true"] {
  border-color: var(--brand-1);
  background: color-mix(in srgb, var(--brand-1) 14%, var(--surface-2));
  box-shadow: inset 0 0 0 1px var(--brand-1);
}
.wt-bk-done:focus { outline: none; }