/* Theme-neutral responsive dialogs (all Bootstrap / k3 themes) */

.k3-scroll-x-touch {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

.dxbl-popup.k3-modal-responsive,
.dxbl-window.k3-modal-responsive {
    box-sizing: border-box;
    max-width: 95vw;
    max-height: min(90vh, 900px);
}

.dxbl-popup.k3-modal-responsive > .dxbl-modal-content,
.dxbl-window.k3-modal-responsive > .dxbl-modal-content {
    box-sizing: border-box;
    max-height: inherit;
}

.dxbl-popup.k3-modal-responsive .dxbl-modal-body,
.dxbl-window.k3-modal-responsive .dxbl-modal-body {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.k3-modal-responsive .popup-demo-events-footer,
.k3-modal-responsive .dxbl-modal-footer,
.dxbl-popup.k3-modal-responsive .dxbl-modal-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.k3-modal-responsive .k3-modal-field,
.k3-modal-responsive .cw-480,
.k3-modal-responsive .cw-320 {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

@media (max-width: 576px) {
    .k3-modal-responsive .popup-demo-events-footer .dxbl-btn,
    .k3-modal-responsive .dxbl-modal-footer .dxbl-btn,
    .k3-modal-responsive .popup-button {
        flex: 1 1 100%;
        min-width: 0;
    }
}