/* Web-first overrides (WASM)
   The MAUI/Hybrid version was intentionally "phone-width".
   For the web app, we let pages use the full available width.
*/

/* Let the app take the full viewport width */
html, body {
    width: 100%;
    max-width: none;
}

/* Remove global phone-style max widths */
.venue-page,
.page-wrapper,
.form-card,
.section {
    max-width: none !important;
}

/* In several pages you used centered page shells with max-width; unlock them */
.venue-page {
    margin: 0 !important;
}

/* Make the layout content span full width */
main, article, .content {
    width: 100%;
    max-width: none !important;
}

/* On desktop we treat the bottom bar as mobile navigation only */
@media (min-width: 992px) {
    .bottom-bar { display: none; }
    .with-bottom-pad { padding-bottom: 0 !important; }
}

/* Give large screens a bit more breathing room */
@media (min-width: 992px) {
    .venue-page,
    .page-wrapper {
        padding-left: 32px;
        padding-right: 32px;
    }
}