/* ============================================================
   BDKazak — Mobile-friendly modals
   На узких экранах (<= 768 px) все стандартные Bootstrap-модалки
   разворачиваются на весь экран:
   - кнопка действия в footer не уезжает под виртуальную клавиатуру
   - форма не «прыгает» при появлении/скрытии address bar Safari
   - крупные tap-targets и нормальные отступы

   Исключение: модалки с классом .bdk-ios-sheet — у них своё
   поведение (sheet снизу), см. ios_modals.css.
   ============================================================ */

@media (max-width: 768px) {

  /* Полноэкранный контейнер */
  .modal:not(.bdk-ios-sheet) .modal-dialog {
    margin: 0;
    max-width: 100%;
    width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    /* Гасим bootstrap-овский transform translate(0, -50px) — он на
       полноэкранной модалке создаёт лёгкое «дёрганье» при открытии. */
    transform: none;
  }

  .modal:not(.bdk-ios-sheet) .modal-content {
    min-height: 100vh;
    min-height: 100dvh;
    border-radius: 0;
    border: 0;
    /* На iPhone с notch верхний padding обеспечивает безопасную зону. */
    padding-top: env(safe-area-inset-top);
  }

  /* Тело растягивается, скролл внутри него — чтобы footer оставался
     прибит к низу и не уезжал за пределы экрана. */
  .modal:not(.bdk-ios-sheet) .modal-body {
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Sticky-footer: кнопка действия остаётся видна при появлении
     виртуальной клавиатуры iOS Safari. Safe-area-inset-bottom
     гарантирует, что кнопка не уезжает под home-indicator. */
  .modal:not(.bdk-ios-sheet) .modal-footer {
    position: sticky;
    bottom: 0;
    background-color: var(--bs-modal-bg, #fff);
    padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
    margin-top: auto;
    z-index: 1;
    /* Тонкая граница сверху — отделяет от scrollable body. */
    border-top: 1px solid var(--bs-modal-border-color, rgba(0, 0, 0, 0.1));
  }

}