/* ==========================================================================
   Mobile / overlay fixes
   Задача: AI-виджет («Агент продаж») перекрывал кнопки в drawer ЛК и в модалках.
   Причина: .softip-ai-widget и .softip-m2m-drawer оба имели z-index: 1000,
   виджет вставляется в конец body → красился поверх панели drawer.
   ========================================================================== */

/* 1. Виджет уходит ПОД слой модалок/drawer (--z-modal = 1000). */
.softip-ai-widget {
  z-index: 900;
  /* Имена из ai-widget.css связываем с существующими токенами темы. */
  --c-surface: var(--c-bg);
  --c-paper: var(--c-bg-elev);
  --radius-md: var(--r-md);
  --radius-lg: var(--r-lg);
}

.softip-ai-widget__messages {
  min-height: 0;
}

.softip-ai-widget__head,
.softip-ai-widget__form {
  flex-shrink: 0;
}

.softip-ai-widget__head,
.softip-ai-widget__close,
.softip-ai-widget__msg--user,
.softip-ai-widget__form button {
  color: var(--c-ink);
}

.softip-ai-widget__close {
  width: 44px;
  height: 44px;
}

.softip-ai-widget__form textarea {
  min-width: 0;
}

/* 2. Пока открыт drawer ЛК или модалка темы — виджет полностью убираем,
      чтобы он не ловил тапы рядом с кнопками формы. */
body:has(.softip-m2m-drawer:not([hidden])) .softip-ai-widget,
body:has(.modal[aria-hidden="false"]) .softip-ai-widget,
body:has(.cmdk) .softip-ai-widget,
body.no-scroll .softip-ai-widget {
  display: none;
}

/* Не показываем конкурирующие fixed-элементы одновременно. */
body:has(.cookie-consent--visible) .softip-ai-widget,
body:has(.cookie-consent--visible) .sticky-cta {
  display: none;
}

@media (min-width: 1024px) {
  body.page-template-page-calculator .softip-ai-widget {
    display: none;
  }
}

/* 3. Тот же приём для sticky-CTA в подвале: не наезжает на открытую панель. */
body:has(.softip-m2m-drawer:not([hidden])) .sticky-cta,
body:has(.modal[aria-hidden="false"]) .sticky-cta,
body.no-scroll .sticky-cta {
  display: none;
}

/* 4. Мобильный виджет: панель не должна перерастать экран (учитываем
      адресную строку через dvh, с фолбэком на vh). */
@media (max-width: 640px) {
  .softip-ai-widget {
    left: auto;
  }

  .softip-ai-widget__toggle {
    width: auto;
  }

  .softip-ai-widget__panel {
    width: calc(100vw - 2 * var(--s-3));
    max-height: 70vh;
    max-height: 70dvh;
  }
}

/* В мобильном ЛК уже есть собственная кнопка поддержки. */
@media (max-width: 1023px) {
  body:has([data-softip-m2m-root]) .softip-ai-widget,
  body:has(.sticky-cta.is-visible) .softip-ai-widget {
    display: none;
  }
}

/* 5. Safety-net от горизонтального скролла: длинные строки (номера SIM,
      e-mail, ссылки) в карточках ЛК и таблицах переносятся, а не растягивают
      документ. base.css уже ставит overflow-x: clip на html — здесь убираем
      саму причину, а не симптом. */
@media (max-width: 640px) {
  .softip-m2m-definition-list dd,
  .softip-m2m-card,
  .softip-m2m-drawer__body {
    overflow-wrap: anywhere;
  }
}