.seb-booking-wrapper{
    margin-top:20px;
    padding:20px;
    border:1px solid #ddd;
    background:#fafafa;
}

.seb-booking-type{
    margin-bottom:20px;
}

.seb-live-price{
    margin-top:20px;
}

.single_add_to_cart_button.seb-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.seb-available-units {
    margin: 12px 0 16px;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
}


/* Do not let booking button state styling interfere with the native WooCommerce
 * quantity control. The theme remains responsible for its visual design. */
form.cart .quantity,
form.cart .quantity input.qty {
    visibility: visible;
    opacity: 1;
}

/* Product action row: keep the quantity selector compact and aligned with the
 * native WooCommerce add-to-cart button. Some themes make form children stretch
 * to the full height of the row, which caused the quantity wrapper to become a
 * tall empty column. */
.single-product form.cart .quantity {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    flex: 0 0 auto;
    width: auto;
    height: fit-content;
    min-height: 0;
    max-height: none;
    margin: 0 12px 0 0;
    padding: 0;
    box-sizing: border-box;
}

.single-product form.cart .quantity input.qty {
    display: block;
    width: 58px;
    height: 42px;
    min-height: 42px;
    max-height: 42px;
    margin: 0;
    box-sizing: border-box;
    line-height: 1;
}

.single-product form.cart .single_add_to_cart_button {
    align-self: flex-start;
    min-height: 42px;
    box-sizing: border-box;
}

@media (max-width: 600px) {
    .single-product form.cart .quantity {
        margin-right: 10px;
    }

    .single-product form.cart .quantity input.qty {
        width: 54px;
    }
}