/* BookingForm — Inline Booking Form */

.bkg-frm {
    padding: 1rem;
    width: fit-content;
    max-width: 100%;
    margin-inline: auto;
    background-color: hsl(from var(--inner-theme) h s l / 0.7);
    backdrop-filter: blur(2px);

    /* -- Field wrappers --------------------------- */

    .input-text {
        min-width: 22ch;
        max-width: 100%;
        /* Override @scope (form) white background — fields are transparent over the navy container */
        :is(input, select) {
            border: 2px solid var(--text-color);
            border-radius: 0.5rem;
            background: transparent;
            color: var(--text-color);
            padding-inline: 1rem;
            padding-block: 1rem;
        }

        /* Keep the dropdown chevron white */
        > svg {
            color: var(--text-color);
        }

        /* Make the native date picker calendar icon visible on dark bg */
        input[type="date"]::-webkit-calendar-picker-indicator {
            filter: invert(1);
            cursor: pointer;
        }
    }
}