/*
 * Hahn AO age gate (On Prem 26-0664 + On Pack 26-0665).
 *
 * The promo carries a theme.background_image, which every layout paints
 * full-screen behind the page. On the gate it is dropped, so the form sits on
 * the flat AO court blue on its own.
 *
 * The gate is identified by its own React island. It is the only page on these
 * tenants that renders AgeGateForm, and keying off it avoids adding a route
 * class to the shared <body>, which every other tenant would inherit.
 *
 * The colour is set on --background-root rather than on `background`, because
 * RootInnerContainer carries `background: var(--background-color)` as an inline
 * style and an inline declaration beats any stylesheet rule. Redefining the
 * variable that inline style reads works with the theme rather than needing
 * !important.
 */

body:has([data-react-component="AgeGateForm"]) .root {
    --background-root: #0074a6;
}

/*
 * Only the background image, never the header or footer lockups — they are
 * <picture> elements too. It is `hidden lg:block`, so this was only ever
 * visible on desktop.
 */
body:has([data-react-component="AgeGateForm"]) picture[data-testid="BACKGROUND_IMAGE"] {
    display: none;
}