/* Status R53: compact faction points without growing the navbar. */
.status-navbar #factioninformation {
  flex: 0 1 clamp(7rem, 28vw, 24rem);
  width: auto;
  height: var(--status-navbar-height, 56px) !important;
  max-height: var(--status-navbar-height, 56px);
  min-height: 0;
  justify-content: center;
  overflow: hidden;
}

.status-navbar #factioninformation.status-factions-many {
  flex-basis: clamp(6.5rem, 24vw, 19rem);
}

.status-navbar #factioninformation.status-factions-dense {
  flex-basis: clamp(6rem, 20vw, 16rem);
}

#factions.status-faction-points {
  --status-faction-point-size: 19px;
  --status-faction-point-gap: 7px;
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  flex-wrap: nowrap;
  gap: var(--status-faction-point-gap);
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1;
}

#factions .status-faction-point {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: max(1px, calc(var(--status-faction-point-size) * .08));
  min-width: 0;
  font-size: var(--status-faction-point-size);
  line-height: 1;
}

#factions .status-faction-point-flag {
  flex: 0 0 auto;
  font-size: calc(var(--status-faction-point-size) * 1.05) !important;
  line-height: 1;
}

#factions .status-faction-point-value {
  flex: 0 0 auto;
  font-size: inherit;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

#factions .status-points-cached {
  flex: 0 0 auto;
  font-size: max(10px, calc(var(--status-faction-point-size) * .85));
}

#factioninformation.status-factions-many #next_update,
#factioninformation.status-factions-many #countdown {
  font-size: 12px !important;
}

#factioninformation.status-factions-dense #next_update,
#factioninformation.status-factions-dense #countdown {
  font-size: 10px !important;
}

@media (min-width: 992px) {
  .status-navbar {
    flex-wrap: nowrap !important;
  }

  .status-navbar .navbar-collapse {
    flex: 1 1 auto;
    min-width: 0;
  }

  .status-navbar .navbar-nav {
    flex-wrap: nowrap !important;
  }
}

@media (max-width: 991.98px) {
  .status-navbar #factioninformation {
    flex: 0 1 min(35vw, 13rem);
    max-width: 35vw;
  }

  .status-navbar #factioninformation.status-factions-many {
    flex-basis: min(31vw, 11rem);
    max-width: 31vw;
  }

  .status-navbar #factioninformation.status-factions-dense {
    flex-basis: min(28vw, 9.5rem);
    max-width: 28vw;
  }
}

/* R59: the faction block only exists when it contains actual data. Keep it
 * anchored to the far left so the primary navigation receives the remaining
 * width instead of being pushed underneath an empty 56 px wrapper. */
.status-navbar #factioninformation.status-faction-information {
  order: -10;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin: 0 .35rem 0 0 !important;
  padding: 0;
  text-align: left;
  text-shadow: 1px 1px 1px #000;
}

.status-navbar #factioninformation.status-faction-information[hidden],
.status-navbar #factioninformation.status-faction-information.status-faction-information-empty {
  display: none !important;
}

.status-navbar #factioninformation.status-faction-information #factions {
  justify-content: flex-start;
  text-align: left;
}