/* Критические исправления для AI Studio */

/* ===== ПРИНУДИТЕЛЬНОЕ ОТОБРАЖЕНИЕ АВАТАРОК ===== */

/* Отключаем все fallback правила с максимальной специфичностью */
body .btn-bro-avatar.fallback,
body .chat-avatar.fallback,
body .message-avatar.fallback,
body .hipych-avatar.fallback,
body .bro-cat-avatar.fallback,
body .hipych-message-avatar.fallback,
body .bro-cat-message-avatar.fallback {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

body .btn-bro-avatar.fallback::after,
body .chat-avatar.fallback::after,
body .message-avatar.fallback::after,
body .hipych-avatar.fallback::after,
body .bro-cat-avatar.fallback::after,
body .hipych-message-avatar.fallback::after,
body .bro-cat-message-avatar.fallback::after {
  display: none !important;
  content: none !important;
  visibility: hidden !important;
}

/* ===== GLASS UI КНОПКИ - ПРИНУДИТЕЛЬНОЕ ОТОБРАЖЕНИЕ ===== */

/* Принудительное отображение Glass UI кнопок и их содержимого */
body .glass-ui-hipych-button,
body .glass-ui-bro-cat-button {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

/* Принудительное отображение изображений в Glass UI кнопках */
body .glass-ui-hipych-button img,
body .glass-ui-bro-cat-button img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  position: relative !important;
  z-index: 10 !important;
  border: 2px solid rgba(255, 255, 255, 0.5) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Убираем псевдоэлементы из Glass UI кнопок ТОЛЬКО на мобильных устройствах */
/* НО оставляем ::before для вращающейся границы на десктопе! */
@media screen and (max-width: 768px) {
  body .glass-ui-hipych-button::before,
  body .glass-ui-bro-cat-button::before,
  body .glass-ui-hipych-button::after,
  body .glass-ui-bro-cat-button::after {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}

/* На десктопе разрешаем ::before для вращающейся границы */
@media screen and (min-width: 769px) {
  body .glass-ui-hipych-button::before,
  body .glass-ui-bro-cat-button::before {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* Убираем текстовое содержимое из Glass UI кнопок, но НЕ скрываем сами кнопки */
body .glass-ui-hipych-button {
  font-size: 0 !important;
  text-indent: -9999px !important;
  color: transparent !important;
  /* Принудительно показываем кнопку */
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
}

body .glass-ui-bro-cat-button {
  font-size: 0 !important;
  text-indent: -9999px !important;
  color: transparent !important;
  /* Принудительно показываем кнопку */
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
}

/* ===== ПРИНУДИТЕЛЬНЫЕ ПУТИ К ИЗОБРАЖЕНИЯМ ===== */

/* Hipych аватар */
body .glass-ui-hipych-button img {
  content: url('../images/hipych-avatar.jpg') !important;
}

/* Bro Cat аватар */
body .glass-ui-bro-cat-button img {
  content: url('../images/bro-avatar.jpg') !important;
}

/* ===== ВОССТАНОВЛЕНИЕ АНИМАЦИИ ЧАСТИЦ ===== */

/* Показываем анимацию частиц на всех устройствах */
body .bg-animation {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body #particle-canvas {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* На мобильных уменьшаем интенсивность */
@media screen and (max-width: 768px) {
  body .bg-animation {
    opacity: 0.6 !important;
  }
  
  body #particle-canvas {
    opacity: 0.6 !important;
  }
}

/* ===== ДЕКОРАТИВНЫЕ ЭЛЕМЕНТЫ КАРТОЧЕК ===== */

body .service-card::before,
body .assistant-card::before,
body .process-step::before {
  display: block !important;
}

/* На мобильных уменьшаем интенсивность */
@media screen and (max-width: 768px) {
  body .service-card::before,
  body .assistant-card::before,
  body .process-step::before {
    opacity: 0.3 !important;
  }
}

/* ===== ДОПОЛНИТЕЛЬНЫЕ ИСПРАВЛЕНИЯ ===== */

/* Принудительное отображение всех аватарок в чатах */
body .hipych-avatar,
body .bro-cat-avatar,
body .chat-avatar,
body .message-avatar,
body .hipych-message-avatar,
body .bro-cat-message-avatar,
body .btn-bro-avatar {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* Специфичные пути к изображениям для чатов */
body .hipych-avatar,
body .hipych-message-avatar,
body .chat-avatar.hipych,
body .message-avatar.hipych {
  background-image: url('../images/hipych-avatar.jpg') !important;
}

body .bro-cat-avatar,
body .bro-cat-message-avatar,
body .chat-avatar.bro-cat,
body .message-avatar.bro-cat,
body .btn-bro-avatar {
  background-image: url('../images/bro-avatar.jpg') !important;
}

/* ===== ИСПРАВЛЕНИЕ ОСНОВНЫХ FALLBACK ПРАВИЛ ===== */

/* Переопределяем основные fallback правила из style.css */
html body .btn-bro-avatar.fallback {
  display: block !important;
  background-image: url('../images/bro-avatar.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

html body .chat-avatar.fallback {
  display: block !important;
  background-image: url('../images/bro-avatar.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

html body .message-avatar.fallback {
  display: block !important;
  background-image: url('../images/bro-avatar.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* ===== ПРИНУДИТЕЛЬНОЕ СОЗДАНИЕ GLASS UI КНОПОК ===== */

/* Если JavaScript не создал кнопки, создаем их через CSS */
body::after {
  content: '';
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 70px;
  height: 70px;
  background: linear-gradient(135deg, #3b82f6dd, #3b82f6) url('../images/hipych-avatar.jpg');
  background-size: 50px 50px, cover;
  background-position: center, center;
  background-repeat: no-repeat, no-repeat;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 15px 35px rgba(59, 130, 246, 0.4);
  cursor: pointer;
  z-index: 1002;
  display: block;
  visibility: visible;
  opacity: 1;
}

/* Скрываем CSS кнопку если есть JavaScript кнопка */
body:has(.glass-ui-hipych-button)::after {
  display: none !important;
}