/*
 * S9 (решения владельца 04.10): мобильная шапка и чат-ассистент на телефоне.
 * Отдельный файл, а не правка dist/ — подключается после основного CSS темы
 * (inc/script_and_styles.php). Чат-виджет (assistant.bundle.js) не трогаем:
 * его стили переопределяются отсюда селекторами с большей специфичностью.
 * Макет и обоснование: https://claude.ai/artifact/SQKgZPXu17V7rA2kWSMGev
 */

/* 1. Шапка: номер телефона вместо кнопки «Обратная связь» (до 576px).
      «Обратная связь» переехала в меню (header.php, .burger__button). */
@media (max-width: 575.98px) {
  .header .header__phone {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    background: #060144;
    box-shadow: none;
  }
  .header .header__phone_link {
    color: #ffffff;
    font-size: 15px;
    gap: 8px;
    white-space: nowrap;
  }
  .header .header__phone_link:before {
    width: 16px;
    height: 16px;
    filter: brightness(0) invert(1);
  }
  .header .header__phone_link:focus-visible {
    outline: 2px solid #ffffff;
    outline-offset: 4px;
    border-radius: 4px;
  }
  .header .header__button {
    display: none;
  }
}

/* 2. Чат на телефоне (та же граница 640px, что в самом виджете):
      кружок 60px вместо 112px, подсказку не показываем. */
@media (max-width: 640px) {
  body .aex-launcher:not(.aex-launcher-collapsed) {
    width: 60px;
    height: 60px;
    right: 16px;
  }
  body .aex-launcher:not(.aex-launcher-collapsed) .aex-launcher-avatar {
    width: 46px;
    height: 46px;
    border-width: 3px;
  }
  body .aex-launcher:not(.aex-launcher-collapsed) .aex-launcher-dot {
    width: 14px;
    height: 14px;
    border-width: 2px;
    right: 2px;
    bottom: 2px;
  }
  /* Подсказку и крестик на телефоне не показываем: кружок и так маленький,
     сворачивать нечего (решение владельца 04.10). */
  body .aex-launcher-hint,
  body .aex-launcher-close {
    display: none;
  }

  /* 3. Пока показан баннер cookie — кружок над ним. Высоту баннера
        пишет в --abrex-cn-h скрипт extra/mobile-header-chat.js. */
  body.cookies-not-set .aex-launcher {
    bottom: calc(var(--abrex-cn-h, 180px) + 12px);
  }

  /* 4. При открытом меню чат прячется. */
  body:has(.burger__modal.show) .aex-launcher,
  body:has(.burger__modal.show) .aex-launcher-close,
  body:has(.burger__modal.show) .aex-launcher-hint {
    display: none;
  }
}

@media (max-width: 640px) and (prefers-reduced-motion: reduce) {
  body .aex-launcher,
  body .aex-launcher-close {
    transition: none;
  }
}

/* 5. Меню: «Обратная связь» вернулась в меню (S9) над «Как добраться» —
      у кнопок не было отступа, стояли вплотную. Меню показывается до 1024px. */
.burger__content .burger__button + .burger__button {
  margin-top: 12px;
}

/* 6. Меню на низких экранах (решение владельца 04.10): на 360×780 меню было
      длиннее экрана на 41px и «Как добраться» уходила за край. Чуть меньше
      отступы — обе кнопки видны без прокрутки. На высоких экранах как было. */
@media (max-width: 1024px) and (max-height: 820px) {
  .burger__content .burger__logo { margin-bottom: 32px; }
  .burger__content .burger__menu { gap: 20px; }
  .burger__content .burger__contacts { margin-bottom: 24px; }
}

/* 7. Кружок чата на сенсорных экранах (04.10): системная подсветка касания
      рисовала серый круг поверх кружка (особенно при двойном нажатии, которое
      открывает чат); «залипающий» :hover после касания оставлял его
      увеличенным. touch-action убирает задержку и масштабирование страницы
      от двойного касания по кружку. */
body .aex-launcher {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
@media (hover: none) {
  body .aex-launcher:hover {
    transform: none;
  }
}