/*
 * LayerSync popup runtime — outer-scope CSS.
 *
 * Almost all popup styling lives inside the Shadow DOM (see
 * layersync-popups.js → baseStyles). This file only contains the
 * style for the OUTER host element so the popup is correctly layered
 * above the merchant's theme without leaking styles to the page.
 *
 * Why so small: the goal is to keep this stylesheet trivially
 * loadable on every page, and let Shadow DOM own the visual surface.
 */

[data-layersync-popup] {
    /* Sit above any theme element that uses common high z-indexes
       (Yoast SEO progress bars, Elementor sticky headers, etc.) */
    position: fixed;
    inset: 0;
    z-index: 2147483600;
    pointer-events: none;
}
[data-layersync-popup] > * {
    pointer-events: auto;
}