/* ============================================================
   APP NATIVA (Capacitor) — ajustes solo dentro de la app
   Todas las reglas van bajo html.is-app (lo pone assets/js/hsa-app.js),
   así que en el navegador este archivo no cambia nada.
   Sistema visual: Luz y Saber (tokens --ls-* de luz-saber.css).
   ============================================================ */

/* Insets del sistema: env() en iOS; en Android, SystemBars (insetsHandling "css")
   inyecta --safe-area-inset-*. Se usa el mayor de los dos. */
html.is-app {
    --hsa-inset-top:    max(env(safe-area-inset-top, 0px), var(--safe-area-inset-top, 0px));
    --hsa-inset-bottom: max(env(safe-area-inset-bottom, 0px), var(--safe-area-inset-bottom, 0px));
    -webkit-tap-highlight-color: transparent;
}

/* ---- 1. Safe areas ------------------------------------------ */

/* Header sticky (header.php): su fondo cubre la barra de estado / Dynamic Island.
   El menú móvil va dentro del header, así que hereda el desplazamiento. */
html.is-app body > header,
html.is-app header[x-data] {
    padding-top: var(--hsa-inset-top) !important;
}

/* Contenido final por encima del home indicator */
html.is-app body {
    padding-bottom: var(--hsa-inset-bottom) !important;
}

/* Modal "Editar perfil" (bottom sheet en móvil): botones por encima del home indicator
   y la tarjeta nunca por debajo de la barra de estado */
html.is-app .hsc-ep-footer {
    padding-bottom: calc(1rem + var(--hsa-inset-bottom)) !important;
}
html.is-app .hsc-ep-card {
    max-height: calc(90vh - var(--hsa-inset-top)) !important;
}

/* ---- 2. Sin compras dentro de la app (v1) ------------------- */

/* Cualquier enlace a las páginas de compra (header, upsells, modales, perfil, premium-gate) */
html.is-app a[href*="/premium"],
html.is-app a[href*="/suscription"],
html.is-app [data-hsa-purchase] {
    display: none !important;
}

/* Bloque de venta del panel de perfil (pestaña Premium de usuarios gratuitos) */
html.is-app .hsc-ep-premium-upsell {
    display: none !important;
}