/* Стили для виджета Jivo - не влияют на основной сайт */

/* Уменьшаем размер кнопки Jivo и поднимаем выше таб-бара */
#jivo-iframe-container {
    bottom: 90px !important; /* Поднимаем выше таб-бара (обычно 60-70px) */
    transform: scale(0.75) !important; /* Уменьшаем на 25% */
    transform-origin: bottom right !important;
    z-index: 999 !important; /* Ниже модальных окон, но выше контента */
    pointer-events: auto !important; /* Только виджет кликабельный */
}

/* Для десктопа можно оставить стандартный размер */
@media (min-width: 769px) {
    #jivo-iframe-container {
        bottom: 20px !important; /* На десктопе нет таб-бара */
        transform: scale(0.85) !important; /* Немного меньше стандартного */
    }
}

/* Для мобильных устройств */
@media (max-width: 768px) {
    #jivo-iframe-container {
        bottom: 95px !important; /* Ещё выше на мобильных */
        transform: scale(0.7) !important; /* Меньше на 30% */
        right: 10px !important; /* Немного отступ справа */
    }
}

/* Для очень маленьких экранов */
@media (max-width: 375px) {
    #jivo-iframe-container {
        bottom: 100px !important;
        transform: scale(0.65) !important; /* Ещё меньше */
        right: 5px !important;
    }
}

/* Когда чат открыт - окно чата тоже поднимаем */
jivo-iframe[id*="chat"] {
    bottom: 90px !important;
}

@media (max-width: 768px) {
    jivo-iframe[id*="chat"] {
        bottom: 95px !important;
    }
}