/* 全画面表示用の上書きCSS */
.hide-chatbot {
    display: none !important;
}

.close-chatbot {
    display: none !important;
}

.chatbot-container {
    height: 100vh !important;
    width: 100vw !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    
    height: -webkit-fill-available !important;
    min-height: -webkit-fill-available !important;

    top: 0 !important;
    left: 0 !important;
    display: flex !important;
    flex-direction: column !important;

    border-radius: 0 !important;
    transform: translateY(0) !important;
}

.chatbot-header {
    flex-shrink: 0 !important;
    background-position: center left 15px !important;
    align-items: flex-start !important;
}

.chatbot-frame {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important; 
    overflow: hidden !important;
    width: auto !important;
}

.chatbot-content {
    flex: 1 !important; 
    overflow-y: auto !important; 
    max-height: none !important;
}

.chatbot-footer {
    flex-shrink: 0 !important;
    z-index: 10 !important;
    bottom: 0 !important;
}

.chatbot-disclaimer {
    max-height: 15px !important;
}

.clear-conversation-button {
    bottom: 10px !important;
}

.clear-conversation-button.show-powered-by {
    bottom: 10px !important;
}

.chatbot-to-top-button {
    bottom: 10px !important;
}

.chatbot-to-top-button.show-powered-by {
    bottom: 10px !important;
}

input.chat-input {
    max-width: 100% !important;
}

.chatbot-message-user {
    margin-left: auto !important;
}

.chatbot-content>.clear-button-margin {
    margin-bottom: 0 !important;
}

.chatbot-content>div:last-child {
    margin-bottom: 60px !important;
}

@media screen and (min-width: 800px) {
    /* PC用 */
    .chatbot-header {
        height: 80px !important;
    }

    .chatbot-footer {
        height: 60px !important;
    }
}

@media screen and (max-width: 800px) {
    /* スマホ用 */
    .chatbot-header {
        height: 45px !important;
        padding: 8px 15px 8px 62px !important;
    }

    .chatbot-footer {
        height: 50px !important;
    }

    .chatbot-container.is-open {
        width: 100vw !important;
    }

    .chatbot-container .chatbot-frame {
        width: 100vw !important;
    }
}

/* override.cssの上書き */
.chatbot-container .chatbot-frame {
    transform: scale(1) !important;
}

.chatbot-container.is-open .close-chatbot {
    display: none !important;
}

.chatbot-container:not(.is-open) .chatbot-header {
    padding: 8px 15px 8px 62px !important;
    background-position: center left 15px !important;
}