/* Mobile-first: site browsing context is independent of sessions location filters. */

/* Starlight mobile-first refinement: one clear identity, a paired session filter and true quick booking */

/* Mobile-first single-header Starlight homepage, refined cinema hub and inline session selection */

/* Homepage cinema feature moved, not redesigned into tabs */

/* The session comparison picker uses the same right-hand selected tick as the location picker. */
/* Dedicated cinema content page (homepage sections remain intact behind it) */
.cms-back-home{font-size:12px;color:#c9d8e3;border:0;padding:0;background:transparent;cursor:pointer;display:block;margin:0 0 15px;font-weight:650}

/* Floating cinema masthead — matches approved page variation */

/* Location-specific session shortcut lives between the cinema masthead and tabs. */

/* Keep the homepage session shortcut inside the fixed Location showcase block.
   It follows that block when CMS Page structure reorders the homepage. */
/* Match the gap beneath the shortcut to the gap above it. */
/* Mobile refinements: compact left-aligned cinema identity, stronger film details. */

/* Film or Date can be selected first in the mobile Quick Book sheet. */
/* Film-linked hero bookings use Film → Cinema → Date, one field per row. */

/* Guided mobile booking: venue, search method, primary filter, secondary filter. */

/* Mobile booking: compact Safari-safe floating action and swipeable sheet. */
/* Premium floating booking CTA with a clear, non-obscuring page ending. */

/* Compact desktop search mode, same interaction as mobile without changing booking data. */
@media(min-width:681px){
 /* Keep Film, Location, Date and Session visible from the outset.
    No fields appear/disappear as a user starts a desktop search. */
}

@media(min-width:681px){
 /* Film-linked hero actions switch desktop Quick Book to Film > Cinema >
    Date > Session; regular Quick Book keeps its existing layout. */
}

/* Session-type key belongs beside the results, after the dates. */
/* Match the film detail Session times & tickets buttons on hover. */

/* Solid booking state while the external ticket page opens. */
/* Keep the original time, accessibility icon and attributes in the layout
   while Book covers them. Removing them shrinks long session buttons. */
/* The Book face is an absolute overlay: neither hover nor the selected
   click state may alter the intrinsic size of a button with long attributes. */


/* Browse-ready responsive film carousel: prevent shrinking every poster into one row. */
 /* Australian classification artwork overlays posters on all rails and collection grids. */
/* Booking availability is a film-level badge, not a label for individual sessions. */

/* Browse by showtimes or by curated event type. */

/* Special screenings use the full width: one film per row, artwork left and all sessions right. */
/* Keep accessible icons visually attached to the time without changing text spacing. */

/* One horizontal navigation row, with directly selectable nested special-screening pills. */

/* Programme refinement: one primary navigation, a quiet filter toolbar and compact supporting detail. */

/* Simplified browsing controls: cinemas and optional filters take one short toolbar. */

/* Deliberately reduced three-tier session browser: context, categories, then dates. */

/* Cinema chips alongside the What's On heading; dates remain simple tabs, not another pill group. */

/* Compact calendar tiles differentiate dates from the programme's category pills. */

/* Unified date and event discovery, with no secondary date strip. */

/* Primary screening modes above a distinct, readable date strip. */

/* Session title and compact location picker. */

/* Keep location as the first programme filter, without competing with the section title. */

/* Bounded date carousel: fade hints and arrows only where more dates exist. */

/* Softer programme navigation and unobtrusive carousel controls. */

/* Keep the established filter colours; location is a neutral white control. */
/* Keep minimal arrows and fades for desktop, native touch scrolling for mobile. */

/* Film artwork and titles in both Session Times views open the film page. */

/* Full-width film rows and compact sorting control beside the section title. */

/* Readable filter typography and an opaque sheet extending into Safari's bottom chrome. */
@media(max-width:680px){
 /* Avoid locking body overflow: mobile Safari exposes a white safe-area strip when scrollbars disappear. */
}

/* Accessible session controls reuse the session times wheelchair pictogram. */
/* Root-level modal layers prevent iOS Safari from clipping at the section boundary. */

/* Mobile Safari: layer the sheet ABOVE the backdrop, and continue its white surface
   behind the dynamic bottom browser chrome. */

/* Keep the filter trigger visually neutral even when filters are active. */

/* Keep the Safari status bar and overscroll canvas consistent while filtering. */

/* Match the working filter modal: one opaque sheet, one root-level dimmer with
   a white extension into Safari's toolbar overscroll area. */

/* Direct booking showtimes in the mobile Quick Book sheet. */

/* Film descriptions in the session listings, clamped to preserve compact cards. */

/* Keep the legend in the filter toolbar, without reducing category space. */

/* The legend and filter are matching controls in the same toolbar. */

/* Identical outer dimensions for the session info and filter icon buttons. */

/* Mobile homepage rhythm: clearer navigation and a lean venue introduction. */

/* Refined mobile navigation and centred cinema introduction. */

/* First scheduled cinema date for upcoming films. */

/* More vertical breathing room around the desktop Starlight navigation logo. */

/* Distinctive but restrained 35mm presentation banner above film details. */

/* 35mm banner overlays the card header rather than becoming a grid column. */

/* Both cinema directory cards use the same CTA as a single cinema. */

/* Give the cinema identity clear breathing room above the CTA. */


/* Location directory: the configured count sets the desktop columns (six = two rows of three). */

/* Optional location photo: contained on the left, darkened and faded completely into navy at the right. */
/* The photograph is sized from the CARD HEIGHT (not its width). At 142.857% height,
   70% of the original photo remains visible vertically (30% maximum crop). All widths and
   location counts share this rule; wide cards reveal navy instead of over-cropping. */
/* Size the PHOTO only from tile height, and the VISIBLE PHOTO REGION independently
   from tile width. Very wide tiles may reveal more navy, never enlarge/crop the photo
   just to fill the extra width. The mask belongs to the fixed-width region, so it
   still fully fades a very wide source image (rather than fading offscreen). */

/* Per-location-count vertical crop: 3 tiles = 0%, 2 = 10%, 1 = 30%.
   Match the number of configured locations, not grid columns or viewport width. */
/* At the mobile two-column breakpoint, make directory photographs substantially
   less prominent without changing their crop, fade, or the single-location banner. */
/* Readability treatment: leave photograph brightness unchanged and put contrast only
   where foreground copy sits. Text shadows preserve architectural detail in the photo. */
/* Plain navy homepage tiles need no readability shadow on standalone/location
   names. Keep the existing contrast shadow whenever a showcase photo exists,
   and leave logo-based tiles and their other copy treatments unchanged. */
/* On single-location banners, subtly protect only the copy side; the remainder
   of the photograph retains its current brightness and seamless photo-to-navy fade. */
/* Flat hover buttons: don't carry the readability text glow onto the gold CTA. */
/* Remove the photo-readability glow from the About CTA text (including its arrow)
   whenever the card or CTA is hovered/focused, regardless of inherited rules. */
/* Whole-card action and matching CTA hover state. */
/* Match the single-location About banner height to the directory cards.
   Full-width banners use a bounded left image region so the fade never stretches across the logo. */
/* Logo-less cards use the exact same layout geometry as cards with logos.
   The name occupies the fixed logo slot; never stretch it or shift the CTA. */
/* Space heading, description and CTA explicitly in the single-location banner;
   prevent inherited grid/mobile rules from collapsing the description into CTA. */
/* Detail-page hero uses the same photo treatment as the single-location homepage
   banner: left anchoring, 25% vertical crop, 60% brightness and full-width photo fade. */
/* Keep standalone-name headings clear of the location logo on narrow detail banners.
   Reserve a substantial gutter so longer names wrap rather than running into artwork. */
/* Single-location banner switches to the same compact logo/name + CTA composition
   as the directory tiles when the viewport only supports two columns. */
/* Give the location CTA a little more breathing room without changing tile height. */
/* Detailed venue content sourced from published cinema information. */
/* Scoped to Roseville information tabs: no changes to homepage or Newcastle styling. */

/* Roseville Facilities & Accessibility: matching card spacing, stacked left column and hearing services right. */
/* Roseville Getting Here: Parking left, practical information right. */

/* Roseville-only About layout, map preview, navigation and ticket prices. */


/* Roseville pricing: admission remains the primary card; conditions are secondary, unboxed content. */


/* Digital Newcastle food and drinks menu: legible, searchable text instead of old branded artwork. */
/* Newcastle prices retain Roseville's single-column rows, with the membership discount easy to scan. */
/* Switch the complete About layout to one column before the contact card
   is squeezed. The sidebar must not split back into two half-width cards
   when the page reaches tablet sizes. Applies to both cinema locations. */
/* Consistent customer-facing second-level heading weight, including modal headings. */

/* Quick Book is viewport-fixed and must cover the sticky session dates when
   the page scrolls beneath it. Keep menus/sheets above both. */
/* Original date-card spacing; border appears only while pinned. */
/* On phones extend the sticky separator across the viewport, not just the wrap. */

/* Main navigation: a little extra breathing room around the brand. */
/* Keep the page fully scrollable while revealing navigation on upward scroll. */

/* Public document navigations must not dim or fade the shared header.
   Render the next page immediately; use only component-level animations. */

/* Homepage collections: tabs for collections, Coming Soon-style film cards. */
/* Global mobile navigation lives above sticky header/date strip; shade the page beneath. */
/* The shared modal overlay must sit above the sticky date strip for every sheet. */
/* iOS Safari clips fixed layers at the floating bottom URL bar.
   Use document-positioned surfaces at the visible scroll offset while the
   menu is open; both extend behind the toolbar without recolouring the page.
   The date-strip and other sheet overlay rules are unchanged. */
@media(max-width:680px){
}
 /* Modal overlays must sit above the sticky navigation and date strip. */
/* Shared minimal loading state for homepage rails and session results. */
/* Mobile quick booking is a persistent, full-bleed bottom action bar, not a floating toast.
   Keep the actual fixed bar flush with the viewport edge so Safari can sample its
   opaque full-width background for the translucent bottom browser chrome. The
   extension continues the same colour beneath that chrome where Safari permits. */
@media(max-width:680px){
 /* The CTA must not tint Safari's URL bar when another modal/menu is on top. */
}
/* Safari in a normal browser tab paints its floating bottom URL bar outside
   the layout viewport. Avoid reserving the home-indicator safe area *again*:
   the extension below .bookbar already fills the area beneath Safari chrome.
   Preserve the safe-area padding in standalone apps and other browsers. */
@media(max-width:680px) and (display-mode:browser){
}
/* Mobile bottom sheets: lock the underlying document while allowing the
   active sheet to scroll. Remove the booking sheet grab handle because it
   has a dedicated close button (and no swipe-to-dismiss gesture). */
/* The server-rendered cinema summary stays visible until location data arrives. */
/* Hide the entire homepage location section until configured tile data and
   images are ready. No empty placeholder or reserved height is displayed. */
/* During the session-results loading state, suppress controls that require
   loaded programme data. The selector is tied to the actual results spinner,
   so legend/timezone/filter controls reappear as soon as it is replaced. */
 /* Filter summary shared by homepage and dedicated sessions page. */
/* The former floating booking toast left an extra blank grey spacer between
   Session Times and the footer. The footer already has clearance for the fixed
   booking bar, so main must end at the end of its final section. */
/* The desktop booking bar is fixed to the bottom of the viewport, so the
   footer needs its own scroll clearance. Keep that clearance navy rather than
   adding a cream gap below main, and leave mobile's floating CTA unchanged. */
/* Read-only location scope in Filter & sort. The top navigation remains
   the sole location selector; this label mirrors the active session venues. */
/* Keep gestures confined to the mobile Filter & sort sheet. The body is
   fixed at its saved scroll position until the sheet is dismissed. */
/* Mobile navigation: understated close icon, with a generous touch target. */
/* Configured homepage slides retain the existing typography, gold buttons
   and bottom-left progress indicator. No sample slide flashes while loading. */
/* A single height for all slides at any given width. The wider 8:3
   desktop frame gives multi-action content enough vertical room without
   height clamps or stretching the artwork differently between slides.
   Desktop: 1920×720 (8:3); mobile: 1200×700 (12:7). */
/* The outgoing slide overlays the incoming slide for a quick, soft crossfade.
   Keep the old slide's content/artwork treatment when transitioning between types. */
/* Old 1920×600 artwork is cropped (not letterboxed) until replaced by
   the matching 1920×720 format, including during crossfades. */
/* The active yellow dot stretches over the dwell time, pushing other dots right. */
/* Render the full pill perimeter as one inset stroke, rather than a
   separately antialiased CSS border around the curved ends. Keep its box size. */
/* Full-frame 1920×720 desktop artwork fits with no bars. Existing
   1920×600 files crop horizontally until replaced. */
/* Below laptop widths keep the 8:3 image ratio, but compact the copy to
   protect buttons from the bottom pager, especially with location tags. */
/* Compact mobile content without changing artwork proportions. The action
   row reserves clearance from the dots, which keep a fixed 16px bottom inset. */
/* Small-screen slide content: respect the established image dimensions.
   Condense typography/actions and retain clearance for the existing dots. */
/* Focused mobile content hierarchy, without changing slide geometry. */
@media(max-width:680px){
 /* Quiet inline venue names replace the visually heavy outlined badges. */
 /* Trailer remains accessible by its link text but is visually icon-only. */
}


/* Collection grids use the same poster-card presentation as homepage rails. */
@media(max-width:680px){
 /* On Coming Soon only, flatten the heading wrapper to arrange the mobile
    heading, swipeable pills and location indicator in a fixed vertical order. */
 /* Let the swipeable rail bleed to the viewport edges. The first pill
    still aligns with the page gutter, but later pills scroll beyond it. */
}

/* Groups & Hire — follows the shared first-class circuit page shell. */

/* Circuit advertising is part of the regular website page layout. */

/* Newsletter uses the same circuit page spacing as Groups & Hire / Advertising. */

/* Circuit gift cards page — independent of individual location pages. */
.cms-back-home{color:#365c76!important;margin-bottom:16px!important}



/* Rewards Custom layout shares the Gift Cards scaled container and carousel height. */
/* Predefined code-rendered Gift Cards slide. It reuses the page's actual hero markup. */
/* Rewards uses the same full-bleed navy backdrop as Gift Cards. Its copy
   sits directly on that backdrop; only the sign-up area remains a card. */
@media(max-width:680px){
 /* Keep the same 12:7 carousel bounds as artwork and content slides. */
}

/* Keep the outgoing Gift Cards slide fitted during its crossfade. When the
   incoming slide is not Custom, .is-custom disappears from #home; without
   these rules the outgoing cloned image reverts to absolute cover and zooms. */

/* Single-location homepage banner: standalone name without a secondary line. */
/* The document may be shorter than the viewport on circuit-only pages.
   Match the exposed canvas to the footer; preserve cream content backgrounds. */

/* Venue enquiry actions and reusable responsive contact dialog. */
/* Find us: general enquiry and social links share the first action row;
   groups and hire information has its own full-width row beneath. */
/* The social column must collapse completely when no configured links exist. */
/* Give links the space between the circuit logo and location selector.
   Measured overflow moves only links that do not fit into the More menu. */
/* Mobile keeps the existing hamburger menu and location selector. */
/* Four-part circuit footer; links and social profiles use published settings. */
/* Behave as separate columns on desktop, but stack locations and contact on mobile. */

/* Compact cinema grouping: clear venue names without cards inside cards. */

/* First-visit location selection; a native modal provides focus trapping. */
/* The dialog receives initial focus to avoid preselecting a cinema; hide only its own browser focus ring. */
/* First-visit location grid: generous logo breathing room, responsive stacked mobile layout. */
/* Keep the website immobile while the location chooser is open. */

/* Sold-out chips preserve the original single-line layout and all attributes.
   The existing Book slide becomes a grey Sold out slide on hover or tap. */
/* These buttons aren't HTML-disabled because touch/keyboard users must be able
   to activate the status overlay. The sold-out click handler never books. */


/* Circuit-neutral Cinerado CTA spacing: consistent in single- and multi-cinema layouts. */


/* Compact CMS programme failure state, using the Session Times empty-state palette. */
.cms-programme-unavailable{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:180px;width:100%;grid-column:1/-1;padding:28px 16px;text-align:center}
.cms-programme-unavailable-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#edf3f7;color:#527b96}
.cms-programme-unavailable-icon svg{width:29px;height:29px;display:block}
.cms-programme-unavailable-retry{font:inherit;font-size:13px;font-weight:600;color:#527084;background:#f2f6f8;border:1px solid #d9e3e9;padding:8px 18px;border-radius:8px;min-width:85px;min-height:35px;box-shadow:none;cursor:pointer;transition:background .15s,border-color .15s}
.cms-programme-unavailable-retry:hover{background:#e7eff3;border-color:#b9d0dd}
.cms-programme-unavailable-retry:focus-visible{outline:2px solid #527b96;outline-offset:3px}
.cms-programme-unavailable-retry:disabled{opacity:.55;cursor:wait}
.cms-collection-rail .poster-track:has(> .cms-programme-unavailable){display:flex;align-items:center;justify-content:center;overflow:hidden}
.cms-collection-rail .poster-track > .cms-programme-unavailable{flex:1 0 100%}