.contactchat {
    position: sticky;
    top: 24px;
    height: 720px;
    min-height: 720px;
    border-radius: 18px;
    background: transparent;
    overflow: hidden;
    padding: 0;
    transition: box-shadow 200ms ease;
}

.contactchat {
  overflow-anchor: none;
}

/* alleen als .contactchat bestaat */
.contactchat.wp-block-column {
    background: transparent !important;
    padding: 0 !important;
}

/* shadow pas tonen zodra chat echt geladen is */
.contactchat.is-loaded.wp-block-column {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12) !important;
}

/* alles onder .contactchat scopen */
.contactchat #smartsupp-widget-container {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.contactchat #smartsupp-widget-container [data-testid="widgetMessengerFrame"] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    transform: none !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    z-index: 50 !important;
}

.contactchat #smartsupp-widget-container iframe#widgetMessengerFrame {
    width: 100% !important;
    height: 100% !important;
    border-radius: 18px !important;
}

@media (max-width: 980px) {
    .contactchat {
        position: relative;
        top: 0;
        height: 560px;
        min-height: 560px;
    }

    .contactchat.wp-block-column {
        order: -1;
    }

    .grid:has(.contactchat) {
        display: flex !important;
        flex-direction: column;
    }
}

/* ook deze scopen */
.contactchat [data-testid="buttonOptions"],
.contactchat [data-testid="buttonExpandChat"],
.contactchat [data-testid="buttonMinimizeChat"] {
    display: none !important;
}