/* ============================================================
   NiouLink – Styles natifs (Capacitor / .is-app) + Mobile Web
   ============================================================
   Capacitor : app-native.js ajoute .is-app sur html + body.
   Mobile web : keyboard detection via visualViewport API.
   ============================================================ */

/* ── CSS variable defaults ── */
:root {
    --nl-keyboard-height: 0px;
}

/* ── Safe area : encoche iOS + barre de navigation Android ── */
.is-app .nl-navbar {
    padding-top: env(safe-area-inset-top, 0px);
    height: calc(var(--nl-navbar-height) + env(safe-area-inset-top, 0px));
}

.is-app body {
    padding-top: calc(var(--nl-navbar-height) + env(safe-area-inset-top, 0px));
}

.is-app .nl-bottombar {
    padding-bottom: env(safe-area-inset-bottom, 0px);
}

/* ── Masquer les éléments web-only dans l'app ── */
.is-app .nl-install-banner,
.is-app .nl-push-prompt,
.is-app .nl-cookie-banner {
    display: none !important;
}

/* ── Anti-zoom iOS sur les inputs (font-size < 16px = zoom) ── */
.is-app input,
.is-app select,
.is-app textarea {
    font-size: 16px !important;
}

/* ── Clavier ouvert (Capacitor) : ajuster le bottom bar ── */
.is-app.nl-keyboard-open .nl-bottombar {
    display: none;
}
.is-app.nl-keyboard-open body {
    padding-bottom: var(--nl-keyboard-height, 0px);
}

/* ── Clavier ouvert (global : mobile web + Capacitor) ── */
body.nl-keyboard-open .nl-bottombar {
    display: none !important;
}
body.nl-keyboard-open {
    padding-bottom: 0 !important;
}

/* ── Stabiliser navbar/bottombar pendant les transitions clavier ── */
.nl-navbar,
.nl-bottombar {
    will-change: transform;
}

/* ── Désactiver les comportements web natifs dans l'app ── */
.is-app {
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    overscroll-behavior: none;
}

/* Réactiver la sélection sur les contenus texte */
.is-app .nl-legal-content,
.is-app .nl-form-input,
.is-app .nl-form-textarea,
.is-app input,
.is-app textarea,
.is-app [contenteditable] {
    -webkit-user-select: text;
    user-select: text;
}

/* ── Scroll fluide natif ── */
.is-app .nl-container {
    -webkit-overflow-scrolling: touch;
}

/* ── Transitions plus rapides dans l'app ── */
.is-app * {
    -webkit-tap-highlight-color: transparent;
}