/* TOPBAR V20 — continuous store/center chrome + Huntera-style online text.
   Loaded last. No new artwork. */

/* One continuous neutral topbar surface under Store + center.
   The fixed authored shells (profile/currencies/right side) still paint above it. */
.zk-v9-stage{
  background-color:#061321!important;
  background-image:
    url('assets/ui/zenkai_topbar_v9/center_top_strip.png'),
    url('assets/ui/zenkai_topbar_v9/center_bottom_strip.png'),
    linear-gradient(180deg,#071726 18px,#061321 18px,#061321 87px,#071421 87px)!important;
  background-repeat:repeat-x,repeat-x,no-repeat!important;
  background-position:left top,left bottom,0 0!important;
  background-size:100px 18px,100px 18px,100% 100%!important;
}

/* Do NOT create an independent box behind the Store. It simply sits over the
   same continuous chrome as the middle of the topbar. */
.zk-v9-store-cell,
.zk-v9-middle{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
}
.zk-v9-store-cell::before,
.zk-v9-store-cell::after,
.zk-v9-middle::before,
.zk-v9-middle::after{
  content:none!important;
  display:none!important;
}

/* The giant rounded capsule was the .server-strip. Remove it completely.
   Huntera-style: only green status dot + live text on the bar itself. */
.zk-v9-middle{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 22px!important;
  overflow:hidden!important;
}
.server-strip{
  position:relative!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  color:#dce9f6!important;
  font:700 11px/1 Arial,sans-serif!important;
  white-space:nowrap!important;
  overflow:visible!important;
  pointer-events:none!important;
  z-index:10!important;
}
.server-strip .online-dot{
  flex:0 0 8px!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#2bea50!important;
  box-shadow:0 0 5px rgba(43,234,80,.95),0 0 10px rgba(43,234,80,.35)!important;
}
.server-strip #onlinePlayersText{
  display:block!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
  font-size:11px!important;
}

/* Ensure the actual Store image remains above the continuous bar surface. */
.zk-store-custom{z-index:84!important}
.store-btn{z-index:90!important}