/**
 * Do It Simply Booking Dropdown Dates — front-end styles.
 *
 * Only two responsibilities:
 *  1. Hide the Bookings calendar picker (date-picker / datetime-picker) on
 *     products where the dropdown is active.
 *  2. Hide the Bookings resource select on products where the dropdown
 *     replaces it.
 *
 * The 'dis-ddd-hidden' class is added to the relevant fields via the
 * booking_form_fields filter in class-dis-ddd-frontend.php.
 */

/* ── Calendar picker ──────────────────────────────────────────────────────── */

/* Outer wrapper of both date-picker and datetime-picker templates. */
.wc-bookings-date-picker.dis-ddd-hidden {
    display: none !important;
}

/*
 * For datetime-picker the time-block section lives in the very next sibling
 * <div class="form-field form-field-wide"> — hide it too.
 */
.wc-bookings-date-picker.dis-ddd-hidden + .form-field.form-field-wide {
    display: none !important;
}

/* ── Resource select ──────────────────────────────────────────────────────── */

/* Bookings renders the resource select inside <p class="form-field …">. */
p.form-field.dis-ddd-hidden {
    display: none !important;
}

/* ── Dropdown wrapper ─────────────────────────────────────────────────────── */

/* Give the custom dropdown the same visual weight as other booking fields. */
.dis-ddd-select-wrap {
    margin-bottom: 1em;
}

.dis-ddd-select-wrap select {
    width: 100%;
    max-width: 100%;
}