/* host-bridge.css * Rules that must apply at the HOST DOCUMENT level when a form is embedded. * These selectors target elements rendered outside .adk-form-embed-fragment * (e.g. .modal-backdrop appended to , body.modal-open overflow lock). * * Load this file in the host page alongside the scoped form embed CSS. * Never add a scope prefix to these rules — they must match document-level * elements that the form runtime creates directly on . * * NOTE: Modal HTML (body_end) is wrapped in
* at render time (see _form_scripts.html.twig), so all modal styling lives in * bootstrap-deferred.scoped.css — NOT here. Only truly body-level rules belong here. */ /* === Modal backdrop — injected directly on by Bootstrap JS === */ .modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5} /* === Scroll lock — Bootstrap adds .modal-open to when a modal is open === */ body.modal-open{overflow:hidden}