/* AP Portal — welcome gateway. Decorative layers never receive clicks.
   Bricks template 7772 is the existing gateway popup.
   Replace the overlay element's shared class with ap-portal-gateway-overlay.
   The shared-class selector below supports installation before that change. */

.brx-popup[data-popup-id="7772"] > .brx-popup-content {
    position: relative !important;
    isolation: isolate;
}

.brx-popup > .brx-popup-content > .ap-portal-gateway-overlay,
.brx-popup[data-popup-id="7772"] > .brx-popup-content > .ap-img_background__overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background-color: color-mix(in oklch, var(--primary, #003b31) 5%, transparent) !important;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    pointer-events: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
}

.brx-popup[data-popup-id="7772"] > .brx-popup-content > .popup_section {
    position: relative !important;
    z-index: 2 !important;
    pointer-events: auto !important;
}

.brx-popup[data-popup-id="7772"] .login-prompt_section,
.brx-popup[data-popup-id="7772"] .login-prompt_section * {
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
}

.brx-popup[data-popup-id="7772"] .login-prompt_section a,
.brx-popup[data-popup-id="7772"] .login-prompt_section button {
    pointer-events: auto !important;
    touch-action: manipulation;
}