/* Melbourne Taxi Service — booking form & confirmation. Design tokens from the handoff. Single breakpoint at 900px; mobile-first. */ .mts-wrap { --ink: #17150F; --cream: #FBF6EE; --amber: #F2A600; --sand: #F3ECDF; --line: #E7DFD2; --line-strong: #DFD5C2; --divider: #F0E9DC; --muted: #6E675C; --faint: #8A7F6B; --dark-card: #221F17; --dark-border: #3A352A; --error: #B4451F; --success: #1F6E5A; --success-bg: #DCEFE5; max-width: 1000px; margin: 0 auto; padding: 24px 20px 48px; box-sizing: border-box; font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--ink); line-height: 1.5; } /* Block themes cap constrained content to --wp--style--global--content-size (often ~620px), which would override the width above and cramp the desktop two-column layout. This higher-specificity selector reclaims the intended width; margin:auto still centres it within the wider content area. */ body .is-layout-constrained > .mts-wrap { max-width: 1000px; } .mts-wrap *, .mts-wrap *::before, .mts-wrap *::after { box-sizing: border-box; } /* The form carries its own branded masthead, so hide the theme's page-title heading ("Book Taxi"). Scoped safely: form.css only loads on pages that contain the [mts_booking_form] shortcode. `body` prefix out-specifies the theme's own `.wp-block-post-title` rule without needing !important. */ body .wp-block-post-title { display: none; } /* The page template inserts a tall spacer block above the content; with the title gone and the form carrying its own masthead, collapse it so the form sits at the top of the page. Scoped: form.css only loads on shortcode pages, and footer spacers live outside
, so they are unaffected. */ body main .wp-block-spacer { display: none; } /* Hide the theme site header (site title + nav) on the booking page — the form provides its own masthead. `header.…` targets only the header template part; the footer (