/**
 * _mobile-safe-area.css
 * Correção iPhone iOS Safari — bottom nav fixa cobrindo conteúdo
 *
 * Problema reproduzido em iPhone 13 / Safari iOS:
 * - Bottom nav (.css-1asks0g em teste.css) é fixed bottom: 0
 *   altura calc(env(safe-area-inset-bottom) + 68px)
 * - Container de scroll principal (.css-1c1s6xw) não tem padding-bottom
 *   suficiente, então última fileira de conteúdo (botões Excluir/Salvar
 *   no EditProfileIntroVideo, por exemplo) fica escondida atrás da nav.
 * - Safari iOS calcula 100vh ignorando barra dinâmica, agravando o corte.
 *
 * Fix global:
 * 1) padding-bottom no container raiz garante espaço acima da nav
 * 2) 100dvh substitui 100vh em containers full-height (com fallback)
 * 3) viewport-fit=cover já aplicado em App.razor
 *
 * Aplicado abaixo de 1280px (mesmo breakpoint da bottom nav).
 *
 * Documentação: IMPLEMENTATION_PLAN_BRAND_REFRESH.md
 */

/* Container de scroll principal usado pela área logada — libera espaço
   acima da bottom nav fixa (68px + safe-area + 16px de respiro) */
@media (max-width: 1279.95px) {
    .css-1c1s6xw {
        padding-bottom: calc(68px + env(safe-area-inset-bottom) + 16px);
    }
}

/* Fallback dvh — Safari iOS 16+ entende 100dvh.
   Em browsers que não entendem dvh, height: 100vh aplica primeiro
   e o segundo height substitui se suportado. */
.h-100vh,
[data-fullheight="true"] {
    height: 100vh;
    height: 100dvh;
}

.min-h-100vh,
[data-min-fullheight="true"] {
    min-height: 100vh;
    min-height: 100dvh;
}

/* ===== PWA standalone — respeitar safe-area-inset-top no iOS =====
   Quando o app roda instalado (Add to Home Screen), apple-mobile-web-app-status-bar-style
   é black-translucent, então a status bar do iOS (relógio, wifi, bateria) fica
   sobre o conteúdo. Empurramos o body pra baixo pela altura da safe area.
   Não afeta navegador comum — só PWA standalone. */
@media (display-mode: standalone) {
    body.body-em {
        padding-top: env(safe-area-inset-top);
        padding-left: env(safe-area-inset-left);
        padding-right: env(safe-area-inset-right);
    }
}

/* iOS antigo (anterior a iOS 11.2) reportava (display-mode: standalone) só
   via navigator.standalone. Como cobertura adicional, suportamos a heurística
   antiga via classe aplicada por JS. */
body.pwa-standalone {
    padding-top: env(safe-area-inset-top);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}