/* Module Tabs v70 — every module menu fills the available width. */

/* Major module navigation: always use the full row with equal-width tabs. */
#communityModuleTabs,
#screen-events > .module-tabs--events,
.module-tabs--draws,
.module-tabs--predictions,
#screen-tickets > .module-tabs--tickets,
.screen > .segmented {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

#communityModuleTabs > button,
#screen-events > .module-tabs--events > button,
.module-tabs--draws > button,
.module-tabs--predictions > button,
#screen-tickets > .module-tabs--tickets > button,
.screen > .segmented > button {
  flex: 1 1 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-align: center !important;
}

#communityModuleTabs > button small,
.module-tabs--draws > button small,
.module-tabs--predictions > button small,
#screen-events > .module-tabs--events > button,
#screen-tickets > .module-tabs--tickets > button,
.screen > .segmented > button {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Four-item bars need slightly tighter spacing on small iPhones, never horizontal scroll. */
@media (max-width: 430px) {
  #communityModuleTabs,
  .module-tabs--draws,
  .module-tabs--predictions {
    gap: .08rem !important;
    padding-inline: .18rem !important;
  }

  #communityModuleTabs > button,
  .module-tabs--draws > button,
  .module-tabs--predictions > button {
    padding-inline: .22rem !important;
    gap: .24rem !important;
    font-size: clamp(.61rem, 2.7vw, .7rem) !important;
  }

  #communityModuleTabs > button > span,
  .module-tabs--draws > button > span,
  .module-tabs--predictions > button > span {
    width: 1.18rem !important;
    height: 1.18rem !important;
    flex-basis: 1.18rem !important;
  }

  #communityModuleTabs > button svg,
  .module-tabs--draws > button svg,
  .module-tabs--predictions > button svg {
    width: 1.12rem !important;
    height: 1.12rem !important;
  }
}

@media (max-width: 370px) {
  #communityModuleTabs > button,
  .module-tabs--draws > button,
  .module-tabs--predictions > button {
    gap: .16rem !important;
    padding-inline: .12rem !important;
    font-size: .59rem !important;
  }
}