/* VP Header Fix: prevent overlap between nav items (e.g., Moderator) and CTA button */
.vp-header, header.vp-header, .site-header { position: relative; z-index: 50; }
.vp-header .vp-header-inner,
header .vp-header-inner,
.site-header .vp-header-inner,
.vp-topbar {
  display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
}
.vp-header .vp-nav, .site-header .vp-nav, .vp-topbar .vp-nav { flex:1 1 520px; min-width:280px; }
.vp-header .vp-actions, .site-header .vp-actions, .vp-topbar .vp-actions {
  flex:0 0 auto; display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end;
}
.vp-header .vp-nav a, .vp-header .vp-nav button, .vp-header .vp-nav .dropdown-toggle,
.site-header .vp-nav a, .site-header .vp-nav button { white-space:nowrap; }
@media (max-width:980px){
  .vp-header .vp-nav, .site-header .vp-nav, .vp-topbar .vp-nav { flex:1 1 100%; min-width:0; }
  .vp-header .vp-actions, .site-header .vp-actions, .vp-topbar .vp-actions { flex:1 1 100%; justify-content:flex-start; }
}
.vp-header, .site-header, .vp-topbar { overflow: visible; }

/* --- Dropdown: keep every item perfectly centered and identical --- */
.account-dropdown-menu{ text-align:center !important; padding: 10px 0 !important; }
.account-dropdown-menu li{ width:100% !important; }
.account-dropdown-menu a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  text-align:center !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Extra specificity for the header nav dropdowns (Community / Account) */
header.header-area .main-nav .account-dropdown-menu a{
  justify-content:center !important;
  text-align:center !important;
}

/* v12: Some dropdown <li> elements inherit display:flex from template (.scroll-to-section).
   Force block so text centering is visually perfect (Patchnotes/Contact). */
header.header-area .main-nav .account-dropdown-menu li,
header.header-area .main-nav .dropdown-menu li,
header.header-area .main-nav .account-dropdown-menu li.scroll-to-section,
header.header-area .main-nav .dropdown-menu li.scroll-to-section{
  display:block !important;
}
header.header-area .main-nav .account-dropdown-menu li a,
header.header-area .main-nav .dropdown-menu li a{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}


/* v14 dropdown center fix: remove flex offsets + equal padding */
header.header-area .main-nav .account-dropdown-menu li,
header.header-area .main-nav .dropdown-menu li{
  margin:0 !important;
  padding:0 !important;
}
header.header-area .main-nav .account-dropdown-menu li a,
header.header-area .main-nav .dropdown-menu li a{
  padding:12px 18px !important;
  text-indent:0 !important;
  letter-spacing:0 !important;
}