/* ФИНАЛЬНОЕ РЕШЕНИЕ - ЧЕРНЫЙ КРУГ ВЕЗДЕ */
/* Этот файл должен загружаться ПОСЛЕДНИМ */

/* АБСОЛЮТНО ВСЕ селекторы для кнопки чата */
#simpleChatbotToggle,
.chatbot-toggle,
.chatbot-toggle-minimal,
button#simpleChatbotToggle,
button.chatbot-toggle,
button.chatbot-toggle-minimal,
[id="simpleChatbotToggle"],
[class="chatbot-toggle"],
[class*="chatbot-toggle"],
button[id*="chatbot"],
button[class*="chatbot"][class*="toggle"] {
    /* ПРОСТОЙ ЧЕРНЫЙ КРУГ */
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    background: #000000 !important;
    background-color: #000000 !important;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.2s ease !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    visibility: visible !important;
    opacity: 1 !important;
    outline: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateZ(0) !important;
}

/* Hover эффекты */
#simpleChatbotToggle:hover,
.chatbot-toggle:hover,
.chatbot-toggle-minimal:hover,
button#simpleChatbotToggle:hover,
button.chatbot-toggle:hover {
    transform: translateZ(0) scale(1.1) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
    background: #111111 !important;
    background-color: #111111 !important;
}

/* Active состояние */
#simpleChatbotToggle:active,
.chatbot-toggle:active,
.chatbot-toggle-minimal:active {
    transform: translateZ(0) scale(0.95) !important;
}

/* Белые SVG иконки */
#simpleChatbotToggle svg,
.chatbot-toggle svg,
.chatbot-toggle-minimal svg,
button#simpleChatbotToggle svg,
button.chatbot-toggle svg {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    fill: none !important;
    stroke: #ffffff !important;
    stroke-width: 2 !important;
    pointer-events: none !important;
}

/* МОБИЛЬНЫЕ - такой же черный круг */
@media (max-width: 768px) {
    #simpleChatbotToggle,
    .chatbot-toggle,
    .chatbot-toggle-minimal,
    button#simpleChatbotToggle,
    button.chatbot-toggle,
    button[id*="chatbot"] {
        bottom: 15px !important;
        right: 15px !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        background: #000000 !important;
        background-color: #000000 !important;
        border-radius: 50% !important;
        border: none !important;
        outline: none !important;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    }
    
    /* Мобильные SVG */
    #simpleChatbotToggle svg,
    .chatbot-toggle svg,
    .chatbot-toggle-minimal svg {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;
    }
}

/* Убираем любые красные обводки и debug стили */
#simpleChatbotToggle,
.chatbot-toggle,
.chatbot-toggle-minimal,
button#simpleChatbotToggle {
    outline: none !important;
    outline-width: 0 !important;
    outline-color: transparent !important;
    outline-style: none !important;
}

/* КНОПКА ОТПРАВКИ - ТОЛЬКО СТРЕЛКА, НИЧЕГО БОЛЬШЕ */
#simpleChatbotSend,
.chatbot-send,
button#simpleChatbotSend,
button.chatbot-send,
*[id*="Send"],
*[class*="send"] {
    /* НИКАКОГО ФОНА */
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    
    /* НИКАКИХ РАМОК */
    border: none !important;
    border-width: 0 !important;
    border-radius: 0 !important;
    
    /* НИКАКИХ ТЕНЕЙ */
    box-shadow: none !important;
    
    /* НИКАКИХ РАЗМЕРОВ (только SVG) */
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
    
    /* Базовые стили */
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
    outline: none !important;
    flex-shrink: 0 !important;
    margin: 0 0 0 8px !important;
    padding: 0 !important;
    opacity: 0.7 !important;
    position: relative !important;
}

/* Hover для стрелки - только opacity и движение */
#simpleChatbotSend:hover,
.chatbot-send:hover,
button#simpleChatbotSend:hover {
    background: none !important;
    background-color: transparent !important;
    opacity: 1 !important;
    transform: translateX(3px) !important;
    box-shadow: none !important;
}

/* Active */
#simpleChatbotSend:active,
.chatbot-send:active {
    transform: translateX(1px) !important;
}

/* SVG стрелка - ТОЛЬКО ОНА ВИДНА */
#simpleChatbotSend svg,
.chatbot-send svg,
button#simpleChatbotSend svg {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    stroke: #000000 !important;
    stroke-width: 2 !important;
    fill: none !important;
    pointer-events: none !important;
    display: block !important;
}

/* ИДЕАЛЬНОЕ ВЫРАВНИВАНИЕ - кнопка ВНУТРИ инпута */
.chatbot-input-area {
    padding: 12px !important;
}

.chatbot-input-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0 !important;
    background: #f5f5f5 !important;
    border-radius: 10px !important;
    padding: 8px 8px 8px 14px !important;
    position: relative !important;
}

/* Input растягивается на всю ширину */
.chatbot-input,
#simpleChatbotInput {
    flex: 1 !important;
    border: none !important;
    background: transparent !important;
    outline: none !important;
    resize: none !important;
    font-size: 14px !important;
    line-height: 22px !important;
    padding: 4px 8px 4px 0 !important;
    margin: 0 !important;
    min-height: 22px !important;
    max-height: 80px !important;
    color: #333 !important;
}

/* Кнопка отправки СТРОГО по центру вертикально */
#simpleChatbotSend,
.chatbot-send {
    align-self: center !important;
    margin: 0 !important;
    padding: 6px !important;
    flex-shrink: 0 !important;
    line-height: 0 !important;
}

/* МОБИЛЬНОЕ ВЫРАВНИВАНИЕ - такое же четкое */
@media (max-width: 768px) {
    /* Кнопка чата на мобилке - ВСЕГДА ВИДНА */
    #simpleChatbotToggle,
    .chatbot-toggle,
    .chatbot-toggle-minimal,
    button#simpleChatbotToggle,
    button.chatbot-toggle {
        bottom: 80px !important;
        right: 15px !important;
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        max-width: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 999999 !important;
        pointer-events: auto !important;
    }
    
    /* SVG на мобилке чуть больше */
    #simpleChatbotToggle svg,
    .chatbot-toggle svg,
    button#simpleChatbotToggle svg {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        max-width: 24px !important;
    }
    
    .chatbot-input-wrapper {
        padding: 6px 6px 6px 12px !important;
        border-radius: 8px !important;
    }
    
    .chatbot-input,
    #simpleChatbotInput {
        font-size: 14px !important;
        line-height: 20px !important;
        padding: 3px 6px 3px 0 !important;
    }
    
    #simpleChatbotSend,
    .chatbot-send {
        padding: 4px !important;
    }
    
    #simpleChatbotSend svg,
    .chatbot-send svg {
        width: 18px !important;
        height: 18px !important;
    }
}

/* Для ОЧЕНЬ узких экранов (iPhone SE и меньше) */
@media (max-width: 375px) {
    #simpleChatbotToggle,
    .chatbot-toggle,
    button#simpleChatbotToggle {
        bottom: 70px !important;
        right: 10px !important;
        width: 54px !important;
        height: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
        min-height: 54px !important;
        max-height: 54px !important;
    }
}