/* ==============================================
   1. ГЛОБАЛЬНЫЙ ФИКС ЦВЕТА (Лечит "белую кнопку" на iPad)
   ============================================== */
#swan-launcher,
.swan-launcher {
    /* Принудительно красим в оранжевый, перебивая тему сайта */
    background: #FF8C42 !important;
    background: linear-gradient(135deg, #FF8C42, #FF6B00) !important;
    
    /* Тень и видимость */
    box-shadow: 0 8px 30px rgba(255, 107, 66, 0.45) !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
}

/* Красим иконку (svg) внутри кнопки в белый */
#swan-launcher svg,
.swan-launcher svg,
#swan-launcher path,
.swan-launcher path {
    fill: #ffffff !important;
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* ==============================================
   2. МОБИЛЬНАЯ ВЕРСИЯ (Ваш рабочий код)
   ============================================== */
@media only screen and (max-width: 768px) {

    /* 1. Настройка кнопки (понижаем её важность относительно окна) */
    #swan-launcher, 
    .swan-launcher {
        /* Ставим высокий индекс, но НЕ максимальный */
        z-index: 2147483640 !important; 
        
        /* Возвращаем мобильные размеры */
        width: 60px !important;
        height: 60px !important;
        bottom: 20px !important;
        right: 20px !important;
    }

    /* 2. Настройка окна чата (Самое важное!) */
    #swan-chat-root, 
    .swan-chat-modal,
    iframe[title="Chat widget"], 
    div[class*="chat-window"] {
        
        /* Слой МАКСИМАЛЬНЫЙ + 10 к кнопке. Окно ляжет СВЕРХУ кнопки */
        z-index: 2147483650 !important; 
        
        /* Растягиваем на весь экран */
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: 100dvh !important; /* Учитываем адресную строку iOS */
        
        /* ОБЯЗАТЕЛЬНО: Сплошной фон, чтобы кнопка не просвечивала снизу */
        background-color: #ffffff !important; 
        
        /* Убираем скругления */
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}

/* ==============================================
   3. ПЛАНШЕТНАЯ ВЕРСИЯ (iPad)
   ============================================== */
@media only screen and (min-width: 769px) and (max-width: 1366px) {
    #swan-launcher, 
    .swan-launcher {
        /* Делаем кнопку чуть крупнее для пальца на планшете */
        width: 70px !important;
        height: 70px !important;
        bottom: 30px !important;
        right: 30px !important;
        
        /* Убеждаемся, что z-index ниже, чем у модалок сайта, но выше контента */
        z-index: 2147483640 !important;
    }
}