:root {
    --jmch-mobile-nav-height: 72px;
    --jmch-mobile-nav-gap: 16px;
}

@media (max-width: 1023px) {
    body.jmch-mobile-nav-visible #chatyContainer.chaty-container {
        bottom: calc(
            var(--jmch-mobile-nav-height) +
            var(--jmch-mobile-nav-gap) +
            env(safe-area-inset-bottom, 0px)
        ) !important;
        z-index: 100000 !important;
    }
}

#chatyContainer .jmch-live-chat {
    align-items: center;
    appearance: none;
    background-color: #7c3aed;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font: inherit;
    gap: 1px;
    height: 56px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 56px;
}

#chatyContainer .jmch-live-chat:hover {
    background-color: #6d28d9;
}

#chatyContainer .jmch-live-chat[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: 0.62;
}

#chatyContainer .jmch-live-chat svg {
    fill: currentColor;
    height: 23px;
    width: 23px;
}

#chatyContainer .jmch-chat-label {
    color: currentColor;
    direction: rtl;
    display: block;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

#chatyContainer .chaty-sms.jmch-sms-icon-updated svg {
    fill: currentColor;
    height: 24px;
    width: 24px;
}

#chatyContainer .chaty-main-btn {
    background-color: #ddf4ff !important;
    border: 1px solid #9edcfa !important;
    color: #1e293b !important;
}

#chatyContainer .chaty-main-btn:hover {
    background-color: #c8ecff !important;
}

#chatyContainer .chaty-main-btn svg {
    fill: currentColor !important;
}

body.jmch-chat-open #chatyContainer.chaty-container {
    opacity: 1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
    z-index: 2147483000 !important;
}

body.jmch-chat-open #chatyContainer .chaty-options {
    display: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
    visibility: hidden !important;
}

body.jmch-chat-open .jmch-tawk-root > iframe.jmch-tawk-toggle-frame {
    display: none !important;
}

#chatyContainer .chaty-main-btn.jmch-chat-close {
    align-items: center;
    display: flex;
    justify-content: center;
}

body:not(.jmch-chat-open) .jmch-tawk-root {
    display: none !important;
}

#chatyContainer .chaty-main-btn:focus-visible,
#chatyContainer .chaty-option:focus-visible {
    outline: 3px solid #1e293b;
    outline-offset: 3px;
}

#chatyContainer.active .chaty-option:nth-child(4) {
    animation: chaty-pop 0.3s ease forwards;
    animation-delay: 0.4s;
}

.jmch-visually-hidden {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
}

@media (prefers-reduced-motion: reduce) {
    #chatyContainer .chaty-main-btn,
    #chatyContainer .chaty-options,
    #chatyContainer .chaty-option {
        animation: none !important;
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
    }
}