/* ==========================================================================
   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;
}

/* 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;
}

/* 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__panel {
    max-height: 70vh;
    max-height: 70dvh;
  }
}

/* 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;
  }
}