/* Polyquant-X — mobile-only refinements (max-width: 991.98px)
   Не влияет на десктоп: все правила внутри медиазапроса. */

@media (max-width: 991.98px) {

  /* ---------- 1. Компактная закреплённая шапка ---------- */
  .layout-navbar {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
  .layout-navbar .navbar {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .layout-navbar .app-brand img {
    height: 54px !important;
    width: auto !important;
  }
  /* компенсируем отступ контента под закреплённой шапкой
     (в шаблонах он прописан inline как 190px/180px;
     новая высота шапки 106px + прежний зазор) */
  [style*="padding-top: 190px"] {
    padding-top: 120px !important;
  }
  [style*="padding-top: 180px"] {
    padding-top: 112px !important;
  }
  [style*="padding-top: 200px"] {
    padding-top: 120px !important;
  }

  /* ---------- 2. Поля форм: без автозума в iOS Safari ---------- */
  input.form-control,
  select.form-control,
  textarea.form-control,
  .form-select {
    font-size: 16px !important;
  }

  /* ---------- 3. Блок цифр на странице пакетов ---------- */
  .stat-card-number {
    font-size: clamp(24px, 7.4vw, 34px) !important;
    line-height: 1.15 !important;
    margin-bottom: 4px !important;
    letter-spacing: -0.01em;
  }
  .stat-card-label {
    display: block;
    font-size: clamp(11px, 3.2vw, 13px) !important;
    line-height: 1.35 !important;
    overflow-wrap: break-word;
  }
}

/* ---------- 4. Очень узкие экраны (320–359px) ----------
   Длинные слова в заголовках (польский, немецкий) не влезают
   в строку при 40px и вызывают горизонтальную прокрутку. */
@media (max-width: 359.98px) {
  h1.display-4,
  h1.display-5,
  h1.display-6 {
    font-size: 32px !important;
    line-height: 1.2 !important;
  }
  .display-6 {
    font-size: 26px !important;
  }
}


/* ---------- 5. Короткие экраны: ноутбуки 13-15 дюймов (высота окна <= 840px) ----------
   Шапка закреплена (position: fixed) и занимает 176px. На невысоких экранах
   страница регистрации короче окна, поэтому при прокрутке в самый низ кнопка
   Sign Up уезжала под шапку: на 1366x768 перекрывалось 27px, на 1280x720 —
   кнопка скрывалась целиком. Ужимаем нижние отступы подвала и контейнера,
   чтобы нижнее содержимое не оказывалось под шапкой. Экраны выше 840px
   не затрагиваются. */
@media (min-width: 992px) and (max-height: 840px) {

  footer.pqx-footer {
    padding-top: 32px !important;
    padding-bottom: 24px !important;
  }

  footer.pqx-footer img[height="168"] {
    height: 116px !important;
    width: auto !important;
  }

  .registration-bg .container.py-custom-xl {
    padding-bottom: 44px !important;
  }
}

/* ---------- 6. Меню языка в боковом меню клиента: открывать ВВЕРХ ----------
   На мобильном языковая кнопка — последний пункт бокового меню у нижнего края
   экрана. Обычное выпадающее меню раскрывается ВНИЗ, уходит за нижний край
   вьюпорта и перекрывается плавающей иконкой чата (z-index:1095), поэтому
   языки Español / Deutsch были недоступны. Принудительно делаем <li>
   позиционированным контейнером и якорим меню ВЫШЕ кнопки (bottom:100%),
   выровненное по правому краю, чтобы все 4 языка были видны и кликабельны. */
@media (max-width: 991.98px) {
  #dashboardNav .pqx-locale-menu {
    position: relative !important;
  }
  #dashboardNav .pqx-locale-menu .dropdown-menu {
    position: absolute !important;
    top: auto !important;
    bottom: 100% !important;
    left: auto !important;
    right: 0 !important;
    transform: none !important;
    margin-bottom: .5rem !important;
    float: none !important;
    width: auto !important;
    min-width: 180px !important;
  }
}