/* =========================================
   BATTLE MVP — HEADER PRO (CLEAN FIX)
   ========================================= */

.bmhdr{
  position:sticky;
  top:0;
  z-index:2000;

  backdrop-filter: blur(16px);

  background:
    linear-gradient(180deg, rgba(6,12,22,.95), rgba(6,12,22,.85));

  border-bottom:1px solid rgba(255,255,255,.05);
}

/* WRAP */
.bmhdr__inner{
  max-width:1500px;
  margin:0 auto;
  padding:10px 20px;
}

/* GRID */
.bmhdr__row{
  display:grid;
  grid-template-columns: 200px 1fr 320px;
  align-items:center;
}

/* =========================================
   LEFT (LOGO)
   ========================================= */

.bmhdr__brandLink{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}

.bmhdr__brandLogo{
  font-size:16px;
  font-weight:900;
  color:#fff;
}

.bmhdr__brandLogo .mvp{
  color:#ff4d6d;
}

.bmhdr__brandSub{
  font-size:10px;
  opacity:.4;
}

/* =========================================
   CENTER (MAIN HUD)
   ========================================= */

.bmhdr__center{
  display:flex;
  justify-content:center;
}

/* CAPSULE */
.bmhdr__strip{
  display:flex;
  align-items:center;
  gap:8px;

  padding:6px 10px;

  border-radius:999px;

  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);

  box-shadow:
    0 10px 40px rgba(0,0,0,.6),
    inset 0 1px 0 rgba(255,255,255,.05);
}

/* CHIP */
.bmhdr__chip{
  display:flex;
  align-items:center;
  gap:6px;

  padding:6px 10px;
  border-radius:999px;

  font-size:11px;
  font-weight:600;

  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}

/* SERVER RED */
.bmhdr__chip--live{
  background:rgba(255,60,60,.15);
  border-color:rgba(255,60,60,.4);
}

/* MODE */
.bmhdr__chip--mode{
  background:linear-gradient(135deg,#5d63ff,#7b82ff);
  color:#fff;
  border:none;
}

/* VALUE */
.bmhdr__chipValue{
  font-weight:800;
  color:#fff;
}

/* LABEL */
.bmhdr__chipLabel{
  opacity:.6;
}

/* DOT */
.bmhdr__liveDot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#ff3b3b;
}

/* =========================================
   RIGHT SIDE
   ========================================= */

.bmhdr__right{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
}

/* PLAY BUTTON */
.bmhdr__play{
  padding:8px 16px;
  border-radius:999px;

  background:linear-gradient(135deg,#24df92,#00e1a0);
  color:#002;

  font-weight:800;
  font-size:12px;

  box-shadow:0 0 15px rgba(36,223,146,.4);
}

/* BUTTONS */
.bmhdr__langBtn,
.bmhdr__partyBtn,
.bmhdr__userBtn{
  padding:6px 10px;
  border-radius:999px;

  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);

  font-size:11px;

  display:flex;
  align-items:center;
  gap:6px;
}

/* AVATAR */
.bmhdrUser__avatar{
  width:26px;
  height:26px;
  border-radius:50%;
  overflow:hidden;
}

/* DROPDOWN */
.bmhdr__dropdown{
  position:absolute;
  top:100%;
  right:0;

  background:#0b1220;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;

  padding:6px;
  min-width:160px;

  display:none;
}

/* OPEN */
.bmhdrLang.is-open .bmhdr__dropdown,
.bmhdrUser.is-open .bmhdr__dropdown,
.bmhdrParty.is-open .bmhdr__dropdown{
  display:block;
}
/* ===== FIX MISSING HEADER ===== */

.bmhdr__brandBlock{
  display:flex;
  align-items:center;
}

.bmhdr__brandMark{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#24df92;
  margin-right:8px;
  box-shadow:0 0 10px rgba(36,223,146,.6);
}

/* DROPDOWN BASE */
.bmhdrLang,
.bmhdrParty,
.bmhdrUser{
  position:relative;
}

/* DROPDOWN PANEL */
.bmhdrLang__drop,
.bmhdrParty__menu,
.bmhdrUser__drop{
  position:absolute;
  top:calc(100% + 8px);
  right:0;

  min-width:180px;
  padding:8px;

  border-radius:12px;

  background:#0b1220;
  border:1px solid rgba(255,255,255,.08);

  box-shadow:0 20px 60px rgba(0,0,0,.6);

  opacity:0;
  transform:translateY(8px);

  pointer-events:none;
  transition:.2s;
}

/* OPEN */
.bmhdrLang.is-open .bmhdrLang__drop,
.bmhdrParty.is-open .bmhdrParty__menu,
.bmhdrUser.is-open .bmhdrUser__drop{
  opacity:1;
  transform:translateY(0);
  pointer-events:auto;
}

/* DROPDOWN ITEM */
.bmhdr__dropdownItem{
  display:block;
  padding:8px 10px;
  border-radius:8px;
  font-size:12px;
}

.bmhdr__dropdownItem:hover{
  background:rgba(255,255,255,.08);
}

/* USER NAME */
.bmhdrUser__name{
  font-size:12px;
}

/* DIVIDER */
.bmhdr__divider{
  height:1px;
  background:rgba(255,255,255,.08);
  margin:6px 0;
}

/* STATES */
.is-disabled{
  opacity:.5;
  pointer-events:none;
}

.danger{
  color:#ff5d73;
}
