/* Mobile fixes on top of the original ui.min.css (linked after it by build.mjs) */

/* Price tables are wrapped by build.mjs and scroll sideways instead of widening the page */
.table-scroll {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 899px) {
    /* Reservation form: fill the available width instead of fixed 292px / 450px */
    form.info {
        display: flex;
        width: 100%;
        max-width: 560px;
    }
    form.info:before,
    form.info:after {
        display: none;
    }
    form.info .part.part-date,
    form.info .part.part-people {
        flex: 1 1 0;
        min-width: 0;
        width: auto;
    }
    form.info .part.part-date input,
    form.info .part.part-people input {
        width: 100%;
    }
    form.info .submit {
        flex: 0 0 auto;
        width: auto;
        padding: 0 16px;
    }
}

@media (max-width: 767px) {
    /* Editor-set indents and fixed widths in CMS content */
    .page-view [style*="margin-left"],
    .article-view [style*="margin-left"] {
        margin-left: 0 !important;
    }
    .page-view a,
    .article-view a {
        overflow-wrap: anywhere;
    }
    .page-view img,
    .article-view img {
        max-width: 100%;
        height: auto;
    }
}