html.dwl-popup-open, html.dwl-popup-open body { overflow: hidden; }
.dwl-popup { position: fixed; inset: 0; z-index: 999999; display: grid; place-items: center; padding: clamp(10px, 2.5vw, 28px); }
.dwl-popup[hidden] { display: none !important; }
.dwl-popup__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.55); opacity: 0; transition: opacity .18s ease; }

/*
 * Die Huelle gibt absichtlich kein Design vor. Farben, Hintergruende,
 * Typografie, Radien, Schatten und Abstaende kommen aus Gutenberg/Spectra.
 */
.dwl-popup__dialog {
    position: relative;
    z-index: 1;
    width: min(92vw, 1000px);
    max-height: calc(100dvh - 20px);
    overflow: auto;
    /* Nur die neutrale Dialogflaeche. Das eigentliche Design bleibt Sache der Blocks. */
    background: var(--ast-global-color-5, #fff);
    color: inherit;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity .18s ease, transform .18s ease;
    box-sizing: border-box;
}
.dwl-popup.is-open .dwl-popup__backdrop, .dwl-popup.is-open .dwl-popup__dialog { opacity: 1; }
.dwl-popup.is-open .dwl-popup__dialog { transform: none; }
.dwl-popup__content { min-width: 0; width: 100%; box-sizing: border-box; overflow: visible; }

.dwl-popup__close {
    position: absolute;
    z-index: 100;
    top: 8px;
    right: 8px;
    inline-size: 44px;
    block-size: 44px;
    display: grid;
    place-items: center;
    border: 0;
    padding: 0;
    background: transparent;
    color: currentColor;
    font: inherit;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
}
.dwl-popup__close:focus-visible, .dwl-popup__dialog:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
@media (max-width: 600px){ .dwl-popup{padding:10px}.dwl-popup__dialog{max-height:calc(100dvh - 20px)} }
@media (prefers-reduced-motion: reduce){ .dwl-popup__backdrop,.dwl-popup__dialog{transition:none!important} }


/* Inhalt bleibt vollstaendig im Besitz von Gutenberg/Spectra/Astra. */
.dwl-popup__content { display: block; }
.dwl-popup__content > :first-child { }
