/* QuizLuck Android app WebView — hide only the website's global mobile bottom navigation.
 * Study-session controls are intentionally untouched.
 */
@media (max-width: 767px) {
  html.ql-app-webview .ql-mobile-app-bottomnav,
  html.ql-app-webview [data-ql-mobile-app-chrome='bottom'] {
    display: none !important;
  }

  /* Recover the space reserved for the website nav while preserving native safe-area breathing room. */
  html.ql-app-webview body.ql-mobile-app-parity.ql-mobile-app-main:not(.study-active) #app.app-shell {
    padding-bottom: calc(28px + env(safe-area-inset-bottom)) !important;
  }

  html.ql-app-webview body.ql-mobile-app-search:not(.study-active) #app.app-shell,
  html.ql-app-webview body.ql-mobile-app-activity:not(.study-active) #app.app-shell,
  html.ql-app-webview body.ql-mobile-app-profile:not(.study-active) #app.app-shell {
    padding-bottom: calc(28px + env(safe-area-inset-bottom)) !important;
  }

  /* The native app owns the bottom navigation in WebView mode. Do not create a blank footer gap. */
  html.ql-app-webview body.ql-mobile-app-parity:not(.study-active) .site-footer {
    display: none !important;
  }
}