/* Параметры покупки на шаге выбора корта: «сколько играем» и «состав».
 *
 * Свой файл, а не хвост book-flow.css: тот уже у потолка длины, а блок
 * самостоятельный — он появляется только у продукта, который эти параметры
 * продаёт.
 *
 * Чипы — цель касания 44px по высоте: по ним попадают пальцем на телефоне.
 */
.own-booking-purchase {
    display: flex;
    flex-direction: column;
    /* внутри составного органа управления зазор меньше, чем до соседнего
       блока ниже (ступень 4 против 12) */
    gap: var(--bp-space-1);
    margin: 0 0 var(--bp-space-3);
}

.own-booking-purchase-row {
    display: flex;
    flex-direction: column;
    gap: var(--bp-space-1);
}

.own-booking-purchase-label {
    color: var(--bp-night-muted);
    font-size: var(--bp-fs-secondary);
    font-variant-numeric: tabular-nums;
}

.own-booking-purchase-options {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bp-space-2);
}

.own-booking-chip {
    min-height: 44px;
    padding: 0 16px;
    border-radius: var(--bp-radius);
    border: 1px solid var(--bp-night-muted-a35);
    background: rgba(15, 23, 42, 0.45);
    color: var(--bp-night-text);
    font-size: var(--bp-fs-body);
    font-weight: 600;
    cursor: pointer;
}

.own-booking-chip--on {
    border-color: var(--bp-green);
    background: var(--bp-lime-a20);
    color: #fff;
}

/* Длительность без свободного корта на этот старт: видна, но не нажимается
   — выбор не пропадает, когда свободна одна. */
.own-booking-chip:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.own-booking-purchase-note {
    color: var(--bp-night-muted);
    font-size: var(--bp-fs-secondary);
}