/* Community Tabs v64 — same interaction model as Eventos: one screen, internal tabs. */

body.community-fusion-v44-mode[data-screen="community"][data-global-footer="visible"] .phone-frame > .bottom-nav[data-global-footer] {
  display: grid !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.community-fusion-v44-mode[data-screen="community"][data-global-footer="visible"] .phone-frame > .mobile-menu-fab[data-global-more] {
  display: flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.community-fusion-v44-mode[data-screen="community"] .mobile-content {
  padding-bottom: var(--app-bottom-reserve) !important;
  scroll-padding-bottom: calc(var(--app-bottom-reserve) + .7rem) !important;
}

#communityModuleTabs {
  position: sticky;
  top: 0;
  z-index: var(--z-module-tabs, 30);
  margin-top: .45rem;
  margin-bottom: .72rem;
}

#communityModuleTabs[hidden] {
  display: none !important;
}

body[data-screen="community"] #communityModuleTabs {
  display: flex !important;
}

body[data-screen="communityPostDetail"] #communityModuleTabs {
  display: none !important;
}

/* Keep the tab bar visually stable while the active panel replaces its content. */
#screen-community > #communityModuleTabs + #communityList {
  min-height: 1px;
}

@media (max-width: 430px) {
  #communityModuleTabs {
    width: calc(100% - 1rem);
    margin-inline: auto;
  }
}
