/* The script commits this class only on a verified installed phone/tablet Blog
   document with the existing Eduma masthead and content nodes present. */
html.mca-blog-app-shell[data-mca-installed-shell="1"],
html.mca-blog-app-shell[data-mca-installed-shell="1"] body#thim-body {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  overscroll-behavior: none !important;
}
html.mca-blog-app-shell[data-mca-installed-shell="1"] body#thim-body {
  position: fixed !important;
  inset: 0 !important;
  padding: 0 !important;
}
html.mca-blog-app-shell[data-mca-installed-shell="1"] #wrapper-container,
html.mca-blog-app-shell[data-mca-installed-shell="1"] #wrapper-container > .content-pusher {
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  transform: none !important;
  translate: none !important;
}
html.mca-blog-app-shell[data-mca-installed-shell="1"] #masthead#masthead.site-header {
  position: fixed !important;
  inset: 0 0 auto !important;
  z-index: 5100 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding-top: env(safe-area-inset-top, 0px) !important;
  padding-left: env(safe-area-inset-left, 0px) !important;
  padding-right: env(safe-area-inset-right, 0px) !important;
  transform: none !important;
  translate: none !important;
  transition: none !important;
}
html.mca-blog-app-shell[data-mca-installed-shell="1"] #main-content#main-content {
  position: fixed !important;
  top: var(--mca-blog-header-height, calc(84px + env(safe-area-inset-top, 0px))) !important;
  right: 0 !important;
  bottom: auto !important;
  left: 0 !important;
  z-index: 1 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  height: calc(var(--mca-blog-viewport-height, 100dvh) - var(--mca-blog-header-height, calc(84px + env(safe-area-inset-top, 0px))) - var(--mca-blog-nav-height, calc(73px + env(safe-area-inset-bottom, 0px)))) !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: none !important;
  -webkit-overflow-scrolling: touch;
  scroll-padding-block: 16px;
  transform: none !important;
}
html.mca-blog-app-shell[data-mca-installed-shell="1"] body > #superpwa-nbfp-menu-wrapper {
  position: fixed !important;
  top: auto !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 5100 !important;
  margin: 0 !important;
  transform: none !important;
  translate: none !important;
  transition: none !important;
}
/* Keep the phone's gesture inset, without stacking the native extra 8px
   beneath it. The existing tab sizes and side safe-area padding stay intact. */
html.mca-blog-app-shell[data-mca-installed-shell="1"] body > #superpwa-nbfp-menu-wrapper .superpwa-nav-menu-class {
  min-height: 0 !important;
  padding-top: 4px !important;
  padding-bottom: max(4px, env(safe-area-inset-bottom, 0px)) !important;
}
/* Measure the whole bar once; its inset is already included in that height. */
html.mca-blog-app-shell[data-mca-installed-shell="1"] #mca-app-nav-clearance {
  display: none !important;
}
html.mca-blog-app-shell[data-mca-installed-shell="1"] #wpadminbar {
  display: none !important;
}
/* Preserve Eduma's native slide-in menu, submenu controls, and overlay click
   handlers. Only its available height and safe-area clearance change. */
html.mca-blog-app-shell[data-mca-installed-shell="1"] body > .mobile-menu-wrapper {
  height: var(--mca-blog-viewport-height, 100dvh) !important;
  max-height: var(--mca-blog-viewport-height, 100dvh) !important;
  overscroll-behavior: none !important;
}
html.mca-blog-app-shell[data-mca-installed-shell="1"] .mobile-menu-wrapper > .mobile-menu-inner {
  padding-top: calc(75px + env(safe-area-inset-top, 0px)) !important;
  padding-bottom: max(25px, env(safe-area-inset-bottom, 0px)) !important;
}
html.mca-blog-app-shell[data-mca-installed-shell="1"] .mobile-menu-wrapper .icon-wrapper {
  padding-top: calc(5px + env(safe-area-inset-top, 0px)) !important;
}
html.mca-blog-app-shell[data-mca-installed-shell="1"] body.mobile-menu-open #main-content#main-content {
  overflow-y: hidden !important;
}
html.mca-blog-app-shell[data-mca-installed-shell="1"] body.mobile-menu-open .content-pusher::after {
  position: fixed !important;
  inset: 0 !important;
  z-index: 6000 !important;
}