/* Окна на iPhone с «чёлкой» и в режиме «На экран Домой» (viewport-fit=cover): статус-бар (часы, батарея) лежит поверх страницы,
   и окно, прижатое к верху, оказывается под ним — заголовок налезает на часы, крестик закрытия не нажать. Отступаем от краёв
   на безопасную зону. Подключается на всех страницах (base.html). Без выреза env() равен 0 — вид не меняется. */
:root {
  --wm-safe-t: env(safe-area-inset-top, 0px);
  --wm-safe-b: env(safe-area-inset-bottom, 0px);
}

/* Подложка окон: отступ сверху и снизу на безопасную зону (окно покупки тарифа на телефоне отступает само, см. cabinet.css) */
html .wm-modal-backdrop:not(.wm-cab-buy-wrap) {
  padding: calc(var(--wm-safe-t) + 16px) 16px calc(var(--wm-safe-b) + 16px);
}

/* Карточка окна не выше свободного места: с учётом выреза сверху и полосы «домой» снизу; длинное содержимое прокручивается внутри */
html .wm-modal-backdrop > .wm-modal-card {
  max-height: calc(100dvh - var(--wm-safe-t) - var(--wm-safe-b) - 32px);
  overflow-y: auto;
}

/* Окно выбора аватарки и просмотр картинки в поддержке */
html .wm-av-modal,
html .sp-lightbox {
  padding-top: calc(var(--wm-safe-t) + 16px);
  padding-bottom: calc(var(--wm-safe-b) + 16px);
}