/* Shared Restaurant public-page shell.
 * Stay inside the WordPress/theme content column while respecting the configured
 * Restaurant maximum width. This avoids viewport-relative breakout when a theme
 * intentionally uses a narrower content container.
 * No transforms are used so fixed dialogs/loaders retain the viewport as their containing block.
 */
.pxab-restaurant-booking,
.pxab-restaurant-status,
.pxab-restaurant-dine-in-order {
    box-sizing: border-box;
    width: 100%;
    max-width: var(--pxab-restaurant-max-width, 1280px);
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
}

.pxab-restaurant-booking,
.pxab-restaurant-status {
    margin-top: 24px;
    margin-bottom: 24px;
}

/* Private Restaurant access notices should use the complete Restaurant shell width.
 * Keep this scoped so ordinary Restaurant notices retain their established readable cap. */
.pxab-restaurant-private-access > .pxab-restaurant-notice {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

.pxab-restaurant-dine-in-order {
    margin-top: 24px;
    margin-bottom: 24px;
}

/* Restaurant owns the outer width when the shared Food Menu/Order surfaces are embedded for dine-in. */
.pxab-restaurant-dine-in-order > .pxab-food-menu,
.pxab-restaurant-dine-in-order > .pxab-food-order {
    --pxab-food-max-width: var(--pxab-restaurant-max-width, 1280px);
}

@media (max-width: 760px) {
    .pxab-restaurant-booking,
    .pxab-restaurant-status,
    .pxab-restaurant-dine-in-order {
        margin-top: 16px;
        margin-bottom: 16px;
    }
}