/* The Veda chat: diners.mk's own widget in a transparent frame, sized by veda-chat.js from
   the state the page reports. See docs/features/veda-chat-iframe/.

   Below AntDesign's modals (1000), so a dialog the app opens is never behind the chat. */
#veda-chat {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999;
    /* Closed: the widget's 60px launcher, 16px from the corner, with room for its shadow. */
    width: 100px;
    height: 100px;
}

#veda-chat iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
}

/* Open: 402px wide puts the frame under the widget's own (width <= 480px) rule, which makes
   its window 370px wide - its size on diners.mk - and 772px tall makes it 540px (70vh). */
#veda-chat.veda-chat-open {
    width: 402px;
    height: min(772px, 100vh);
}

/* On a phone the widget fills the width, as it does on diners.mk. */
@media (max-width: 480px) {
    #veda-chat.veda-chat-open {
        width: 100vw;
        height: 100vh;
        height: 100dvh;
    }
}