/* ============================================================================= * FILE: ES_Reserve.css * LOCATION: public_html/assets/CSS/ES_Reserve.css (under the ease-see domain root) * PART OF: ease-see (ease-see.com) - reservations, first step * PURPOSE: The look of the reservation form that opens over a reservation * page (panel #es-reserve, drawn by es_reserve_button_html() in * Render/ES_Blocks.php; contents by Render/ES_Reserve.php; run by * assets/JS/ES_Reserve.js). * Kept in its OWN file on purpose - not added to ES_Core.css - and * loaded only on pages that have a Reserve button opening the form. * Colours, type and shape come from ES_Core.css's named settings * (--es-ink, --es-ochre, --es-bone, --es-surface, --es-border, * --es-muted, --es-danger, --es-warn-bg, --es-font, --es-radius): * no values are copied here, so a brand change in ES_Core.css * carries through. * The phone field inside the form is the Contact Us one and is * styled by ES_Core.css (.es-form-phone...); only its fit inside * this form is set here. * LAYOUT: Phone: the panel fills the screen; the Continue/Send bar is * fixed to the foot. 760px and wider: a centred card over a * dimmed page, the bar at the foot of the card. * CLASSES: .es-rsv (panel) .es-rsv-card .es-rsv-x .es-rsv-body, then rsv-* * for everything inside. State classes: is-shut, is-locked, * is-empty, is-bad, is-waiting, is-alarm, is-new, is-extra, * is-here, is-typed. * CREATED: 2026-10-08 * UPDATED: 2026-10-08 (later, after the first look) MADE TO STAND OUT: the * form blended into the page. It now sits on white, not the * page's own off-white; has an ochre line under its heading band; * and at 760px and wider the card has an ochre outline, a deeper * shadow and a darker dimmed page behind it. On a phone it fills * the screen, so the white ground and ochre line do the work. * BRAND ROW at the top of the heading band (.es-rsv-brand): the * ease-see logo beside the operator's logo on a light tile (or * its name), joined by a fine line. * UPDATED: 2026-10-08 (later still) THE PAGE NO LONGER JUMPS when the form * opens: the rule that hid the page's scrolling is gone (see the * note above .es-rsv). * UPDATED: 2026-10-18 "YOUR BOOKING" LINE under the heading (.rsv-for): * ochre, bold - what the form already knows (activity, town, * delivery place). And a closed step that is already complete * (.rsv-blk.is-done) is never greyed, and its heading carries a * tick, so a place handed over by the page is seen at once. * Nothing else changed. * UPDATED: 2026-10-19 THE HEADER REWORKED: the brand row is "ease-see & * {operator name}" (.es-rsv-brand-amp; the operator's name in white, * no logo tile); the activity and town in a soft colour * (.rsv-for-what); the delivery / collection places as the main * lines, white, bold, larger, with a map pin (.rsv-for-where). The * old heading and intro line are no longer drawn; .rsv-for is no * longer used. Nothing else changed. * ============================================================================= */ /* --- the Reserve button when it opens the form (a