/* ==========================================================================
   POPUP (shared base) — Desktop (1280px – 1920px)
   Generic slide-in-from-the-right shell, same animation as the settings
   panel. Reused for every site-wide pop-up: cookie consent now, future
   announcements / update banners / "sorry for the outage" notices later.
   Each specific pop-up (e.g. .cookie-popup) adds its own size/content
   classes on top of this.
   ========================================================================== */

/* bottom: 11rem sits ~14px above the settings button's top edge on
   pages using the "raised" button row (bottom: 5rem, most pages).
   Pages using the actions.desktop.css default button row (bottom: 7rem
   — main_screen, 404) override this to 13rem, same as .settings-panel. */
.popup {
    position: absolute;
    right: 5rem;
    bottom: 11rem;
    z-index: 4998;
    transform: translateX(150%);
    transition: transform 0.4s ease;
    pointer-events: none;
}

.popup.is-open {
    transform: translateX(0);
    pointer-events: auto;
}

.popup-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}