/* ORTOTOP Tawk V33 - shape of the expanded cross-origin widget only. */
iframe.otop-tawk-window--ortotop[title="Widget czatu"] {
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%) !important;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%) !important;
}

/* A single noninteractive overlay. In browsers with Popover API it enters the
   top layer, above native tawk iframe even if tawk uses independent z-indexes.
   The top strip covers the complete rounded inner header arc (rather than
   trying to align tiny corner squares on subpixels). */
.otop-tawk-window-corners {
    position: fixed !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    pointer-events: none !important;
    visibility: hidden;
    z-index: 2147483646 !important;
    max-width: none !important;
    max-height: none !important;
}
.otop-tawk-window-corners::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    width: 100%;
    height: 26px;
    background-color: var(--otop-tawk-header-corner, #115c34);
    border: 0;
    box-shadow: none;
    border-radius: 0;
    pointer-events: none;
}
.otop-tawk-window-corners__bottom-left {
    position: absolute;
    display: block;
    width: 28px;
    height: 28px;
    bottom: 0;
    left: 0;
    background-color: var(--otop-tawk-bottom-corner, #115c34);
    border: 0;
    box-shadow: none;
    border-radius: 0;
    pointer-events: none;
}