/**
 * Styles for mobile app webview (?app=1).
 * Loaded only via the app-mode-styles library when app mode is active.
 */

/* -------------------------------------------------------------------------- */
/* Site chrome                                                                */
/* -------------------------------------------------------------------------- */

body.app-mode #sitetop,
body.app-mode .mobile-sticky-header,
body.app-mode .bg-primary.sticky-top,
body.app-mode #pagefooter,
body.app-mode #pagebottom,
body.app-mode .block-system-breadcrumb-block,
body.app-mode nav.breadcrumb {
  display: none !important;
}

/* Language switcher blocks (desktop + mobile). */
body.app-mode #block-sprogvaelger,
body.app-mode #block-sprogvaelger-mobil,
body.app-mode #block-sitebranding,
body.app-mode #block-topmenu,
body.app-mode #block-primaernavigation,
body.app-mode #block-primaernavigation-2 {
  display: none !important;
}

/* -------------------------------------------------------------------------- */
/* Cookie consent (CookieFirst)                                               */
/* -------------------------------------------------------------------------- */

body.app-mode [data-cookiefirst-widget],
body.app-mode #cookiefirst-root,
body.app-mode [id*="cookiefirst" i],
body.app-mode [class*="cookiefirst" i],
body.app-mode [class*="cf-"][class*="modal" i] {
  display: none !important;
}

/* -------------------------------------------------------------------------- */
/* Layout tweaks for embedded app content                                     */
/* -------------------------------------------------------------------------- */

body.app-mode {
  -webkit-overflow-scrolling: touch;
}

body.app-mode .mobile-sticky-header + .bg-primary.sticky-top {
  display: none !important;
}

/* Remove sticky header offset when chrome is hidden. */
body.app-mode #app {
  min-height: 100vh;
}