/* ============================================
JIVOCHAT WIDGET STYLES
Адаптация кнопки чата под мобильные устройства
Файл: /static/css/chat.css
============================================ */

/* Стандартная позиция на ПК */
.jivo-button,
.jivo-icon {
  bottom: 30px !important;
  right: 30px !important;
  left: auto !important;
}

/* Адаптация под планшеты (до 768px) */
@media (max-width: 768px) {
  .jivo-button,
  .jivo-icon {
    bottom: 20px !important;
    right: 20px !important;
    width: 50px !important;
    height: 50px !important;
  }
  
  /* Чтобы чат не перекрывал контент */
  .jivo-chat-position {
    z-index: 9999 !important;
  }
  
  /* Отступы для блоков которые могут перекрываться */
  .kb-final-cta,
  .footer,
  .kb-cta {
    padding-bottom: 80px !important;
  }
}

/* Адаптация под маленькие телефоны (до 400px) */
@media (max-width: 400px) {
  .jivo-button,
  .jivo-icon {
    bottom: 15px !important;
    right: 15px !important;
    width: 45px !important;
    height: 45px !important;
  }
  
  /* Увеличиваем отступы на очень маленьких экранах */
  .kb-final-cta,
  .footer,
  .kb-cta {
    padding-bottom: 90px !important;
  }
}

/* Исправление для горизонтальной ориентации на мобильных */
@media (max-height: 500px) and (orientation: landscape) {
  .jivo-button,
  .jivo-icon {
    bottom: 10px !important;
    right: 10px !important;
  }
}