/**
 * Booking Form Content — Layout 2 (Inline) Styles
 * Flat flexbox layout: all fields are direct children of .w2r-inline-form.
 *
 * Desktop: single row, inputs bottom-aligned, submit hugs input height.
 * Mobile:  stacked column, date+time pairs stay side-by-side.
 *
 * @package Way2Rentals
 */

/* ── Main container (single flex row on desktop) ───────── */
.w2r-inline-form {
    display: flex;
    align-items: flex-end;
    gap: 8px;
}

/* ── Field cell ────────────────────────────────────────── */
.w2r-inline-form__field {
    flex: 1 1 0%;
    min-width: 0;
}

/* Kill form-group margin inside inline form so inputs align */
.w2r-inline-form .w2r-form-group,
.w2r-inline-form__field--datetime {
    margin-bottom: 0;
}

/* Labels: single line, truncate, smaller font */
.w2r-inline-form .w2r-form-group label,
.w2r-inline-form__field--datetime > label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.85rem;
    font-weight: 500;
    margin-bottom: 4px;
    color: var(--color-text-main);
}

/* ── Date + hour pair (always side-by-side) ────────────── */
.w2r-inline-form__datetime {
    display: flex;
    gap: 4px;
}

.w2r-inline-form__datetime > .w2r-field-wrapper {
    flex: 1 1 50%;
    min-width: 0;
}

/* ── Submit cell ───────────────────────────────────────── */
.w2r-inline-form__field--submit {
    flex: 0 0 auto;
}

.w2r-inline-form__field--submit .w2r-button-select {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Match the input height (padding-top + padding-bottom + line-height + border) */
    height: calc(1rem * 1.5 + 2rem + 2px);
    aspect-ratio: 1;
}

/* ── Responsive: stacked on mobile ─────────────────────── */
@media (max-width: 768px) {
    .w2r-inline-form {
        flex-direction: column;
        align-items: stretch;
    }

    .w2r-inline-form__field--submit {
        flex-basis: auto;
    }

    .w2r-inline-form__field--submit .w2r-button-select {
        width: 100%;
        aspect-ratio: auto;
    }
}