/** * LAPP AI Photo Booth — stylesheet. * * ARCHITECTURE NOTE: the shortcode now renders its own trigger button and * its own self-built modal dialog (see class-lapp-ai-shortcode.php and * templates/ai-booth.php) instead of relying on being placed inside an * Elementor Popup — Elementor popups (and lazy-loading caching plugins) * could inject their content into the page separately from the main * document request, after this plugin's asset-enqueue had already run, * leaving a popup with no working JavaScript. `.lapp-ai-booth` is now just * a small layout root holding the trigger button and the modal; the actual * visual "panel" styling (background, max-width, border-radius, shadow) * lives on `.lapp-ai-booth__modal`. * * RESTYLE NOTE: rebranded to a pink/magenta palette with a numbered * 4-step indicator, a dashed-box upload zone, and dropdown-based style * selection, matching a reference design while keeping every rule scoped * beneath .lapp-ai-booth so nothing here can leak into the active theme or * other plugins. The ONE deliberate exception is the `.lapp-ai-booth-modal-open` * class documented near the bottom of this file, which is applied to * / to lock page scroll while the modal is open — that * necessarily has to target an ancestor outside `.lapp-ai-booth` itself. * * Screen AND modal visibility are both controlled by the native `hidden` * attribute, toggled in ai-booth.js. The universal [hidden] override below * guarantees that keeps working even for elements (buttons, the stepper, * the select, the modal overlay) whose own `display` value would otherwise * tie with the browser's default hidden-attribute rule. */ .lapp-ai-booth { /* ---- Design tokens (safe to override via theme customization / a filtered inline