/* =========================================================================
   doctor-tomas.ru — оформление окна чата (плагин neuro-assistance)

   «Кожа» под дизайн сайта: тёмное стекло, розово-золотой акцент, Manrope и
   Cormorant Garamond. Лежит в дочерней теме, а не в плагине: плагин остаётся
   универсальным, а всё сайто-специфичное — здесь. Подключается из
   functions.php ПОСЛЕ стилей плагина (и только если плагин их вывел),
   поэтому перебивает их при равной специфичности.

   Все цвета — в переменных ниже. JS плагина читает только --mnbg-wave
   (цвет волны при записи голосового).
   ========================================================================= */
:root {
  --mnbg-accent: var(--dta, #e2b8a2);
  --mnbg-accent-light: var(--dtal, #f3d5c5);
  --mnbg-gold: var(--dtg, #d4af37);
  --mnbg-text: var(--dts, #e0e0e0);
  --mnbg-muted: var(--dtm, #a3a3a3);
  --mnbg-panel: #0e0a12;
  --mnbg-field: #17131c;
  --mnbg-line: rgba(255, 255, 255, .08);
  --mnbg-wave: #e2b8a2;
}

/* ---------- Кнопка вызова ---------- */
#mnbg-widget-btn {
  background: var(--mnbg-panel);
  box-shadow: 0 0 18px rgba(226, 184, 162, .28), 0 4px 16px rgba(0, 0, 0, .45);
}
#mnbg-widget-btn:hover {
  box-shadow: 0 0 28px rgba(226, 184, 162, .45), 0 6px 20px rgba(0, 0, 0, .5);
}
.mnbg-btn-gradient {
  background: conic-gradient(#e2b8a2 0deg, #d4af37 43deg, #f3d5c5 65deg, #8a5a44 105deg, #e2b8a2 144deg, #e2b8a2 180deg, #e2b8a236 324deg, #e2b8a2 360deg);
}
.mnbg-btn-inner {
  background: var(--mnbg-panel);
  color: #f7e8de;
  font: 600 .86rem/1 Manrope, "Segoe UI", sans-serif;
  letter-spacing: .04em;
}
#mnbg-widget-btn:hover .mnbg-btn-inner { background: #1a1320; }
.mnbg-btn-inner svg { color: var(--mnbg-accent); }

/* Пока открыта панель «Рассчитать цену» — кнопка чата не должна висеть поверх неё */
body.dt-lock #mnbg-widget-btn { opacity: 0 !important; pointer-events: none !important; }

/* ---------- Оверлей и окно ---------- */
#mnbg-chat-overlay {
  /* Затемнение вдвое слабее прежнего (.72 → .36): сайт за окном остаётся читаемым, а не «чёрное на чёрном» */
  background: rgba(5, 1, 10, .36);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.mnbg-chat-container {
  background: rgba(14, 10, 18, .96);
  border: 1px solid var(--mnbg-line);
  box-shadow: 0 24px 80px rgba(0, 0, 0, .6), 0 0 0 1px rgba(226, 184, 162, .05);
  font-family: Manrope, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* ---------- Шапка ---------- */
.mnbg-chat-header {
  background: rgba(255, 255, 255, .03);
  border-bottom: 1px solid var(--mnbg-line);
  box-shadow: none;
  padding: 14px 18px 14px 22px;
}
.mnbg-header-left { color: var(--mnbg-accent); }
.mnbg-title {
  color: #f5f5f5;
  font: 500 1.4rem/1.1 "Cormorant Garamond", Georgia, serif;
  letter-spacing: .01em;
}
#mnbg-close-btn {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  color: var(--mnbg-muted);
  font-size: 26px;
  transition: color .2s, background .2s;
}
#mnbg-close-btn:hover { color: var(--mnbg-accent); background: rgba(255, 255, 255, .06); }

/* ---------- Сообщения ---------- */
#mnbg-chat-box {
  background: transparent;
  scrollbar-width: thin;
  scrollbar-color: rgba(226, 184, 162, .35) transparent;
}
.mnbg-msg.bot {
  background: rgba(255, 255, 255, .05);
  border: 1px solid var(--mnbg-line);
  color: var(--mnbg-text);
  box-shadow: none;
}
.mnbg-msg.user {
  background: linear-gradient(135deg, rgba(226, 184, 162, .22), rgba(212, 175, 55, .10));
  border: 1px solid rgba(226, 184, 162, .38);
  color: #f7e8de;
}
.mnbg-msg b, .mnbg-msg strong { color: #f5f5f5; font-weight: 700; }
.mnbg-msg code {
  padding: 1px 6px;
  border-radius: 6px;
  background: rgba(255, 255, 255, .08);
  font-size: .92em;
}
.mnbg-msg.bot a {
  color: var(--mnbg-accent);
  text-decoration-color: rgba(226, 184, 162, .5);
}
.mnbg-msg.bot a:hover { color: #fff; text-decoration-color: #fff; }

.mnbg-dot { background: var(--mnbg-accent); }

/* Плашка «загружаю файл» */
.mnbg-msg.mnbg-loading-wave {
  background-image: linear-gradient(110deg, rgba(226, 184, 162, .10) 25%, rgba(226, 184, 162, .30) 50%, rgba(226, 184, 162, .10) 75%) !important;
  color: #f7e8de !important;
}
.mnbg-file-icon { color: var(--mnbg-accent); }

/* ---------- Ввод ---------- */
.mnbg-chat-bottom { background: transparent; }
.mnbg-chat-input-area {
  background: var(--mnbg-field);
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: none;
}
.mnbg-chat-input-area:focus-within {
  border-color: rgba(226, 184, 162, .7);
  box-shadow: 0 0 0 3px rgba(226, 184, 162, .12);
}
#mnbg-chat-input { color: #f5f5f5; caret-color: var(--mnbg-accent); }
#mnbg-chat-input::placeholder { color: var(--mnbg-muted); }

#mnbg-attach-btn { color: var(--mnbg-muted); }
#mnbg-attach-btn:hover { background: rgba(255, 255, 255, .06); color: var(--mnbg-accent); }

/* Кнопка отправки — «Заливка акцент» из стилей кнопок сайта */
#mnbg-send-btn {
  background: linear-gradient(135deg, var(--mnbg-accent-light), var(--mnbg-accent));
  color: #1a0f0a;
  box-shadow: 0 4px 16px rgba(226, 184, 162, .3);
}
#mnbg-send-btn:hover { background: linear-gradient(135deg, #fff, var(--mnbg-accent-light)); }
/* Режим микрофона: «призрачная» кнопка */
#mnbg-send-btn.is-mic {
  background: rgba(255, 255, 255, .08);
  color: var(--mnbg-accent);
  border: 1px solid rgba(226, 184, 162, .35);
  box-shadow: none;
}
#mnbg-send-btn.is-mic:hover { background: rgba(226, 184, 162, .16); }
#mnbg-send-btn.is-recording { color: #fff; border-color: transparent; }

/* Полотно с волной при записи должно полностью перекрывать поле ввода */
#mnbg-visualizer { background: var(--mnbg-field); }

.mnbg-disclaimer { color: var(--mnbg-muted); }

/* ---------- Фокус с клавиатуры ---------- */
#mnbg-widget-btn:focus-visible,
#mnbg-close-btn:focus-visible,
#mnbg-attach-btn:focus-visible,
#mnbg-send-btn:focus-visible {
  outline: 2px solid var(--mnbg-accent);
  outline-offset: 2px;
}

/* ---------- Телефон ---------- */
@media (max-width: 600px) {
  body.mnbg-chat-open { background-color: #05010a !important; }

  /* ⚠️ САЙТО-СПЕЦИФИЧНЫЙ СПИСОК (у плагина в style.css он остался от другого сайта и у нас ничего не скрывал).
     Пока чат открыт на телефоне, весь сайт убираем из отрисовки: шапка, страница, подвал, фоновое свечение,
     плавающая кнопка, правая панель и служебные слои. Иначе в мобильном Safari при появлении клавиатуры
     (окно чата становится ниже экрана) из-под него просвечивает сайт, а под ним ещё и тратятся ресурсы.
     Позицию прокрутки и текст страницы для бота сохраняет скрипт плагина (script.js), см. mnbgSavedScrollY. */
  body.mnbg-chat-open .l-canvas,
  body.mnbg-chat-open .l-footer,
  body.mnbg-chat-open .l-cookie,
  body.mnbg-chat-open .w-header-overlay,
  body.mnbg-chat-open #w-header-show,
  body.mnbg-chat-open #page-preloader,
  body.mnbg-chat-open .dt-amb,
  body.mnbg-chat-open .dt-bot,
  body.mnbg-chat-open .dt-fab { display: none !important; }

  #mnbg-chat-overlay { background: #0c0910; }
  .mnbg-chat-container { background: #0c0910; border: 0; }
}