:root{
  --usmg-bg: #111111;
  --usmg-surface: rgba(255,255,255,.06);
  --usmg-border: rgba(255,255,255,.12);
  --usmg-text: rgba(255,255,255,.92);
  --usmg-muted: rgba(255,255,255,.68);
  --usmg-accent: #d64541; /* tweak to match your site */
  --usmg-accent-2: #2b7de9; /* optional secondary */
  --usmg-radius: 14px;
  --usmg-max: 1180px;
  --usmg-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* Keep header styling isolated from page .btn/.nav styles */
.usmg-global-header{
  color: var(--usmg-text);
}

.usmg-global-header a,
.usmg-global-header button{
  color: var(--usmg-text);
}

/* Nav links */
.usmg-global-header .usmg-nav-link{
  color: var(--usmg-muted);
  background: transparent;
  border: 1px solid transparent;
}

.usmg-global-header .usmg-nav-link:hover,
.usmg-global-header .usmg-dd[data-open="true"] > .usmg-dd-btn{
  color: var(--usmg-text);
  background: #111111;
  border-color: rgba(255,255,255,.14);
}

/* Dropdown button caret color */
.usmg-global-header .usmg-caret{
  border-top-color: var(--usmg-muted);
}
.usmg-global-header .usmg-dd[data-open="true"] .usmg-caret,
.usmg-global-header .usmg-dd-btn:hover .usmg-caret{
  border-top-color: var(--usmg-text);
}

.usmg-global-header .usmg-btn{
  color: var(--usmg-text);
  background: #111111;
  border: 1px solid rgba(255,255,255,.14);
}

.usmg-global-header .usmg-btn:hover{
  background: #111111;
  border-color: rgba(255,255,255,.22);
}

.usmg-global-header .usmg-burger{
  border-color: rgba(255,255,255,.14);
}

.usmg-global-header{
  position: sticky;
  top: 0;
  z-index: 50;
  background: #111111;
  border-bottom: 1px solid var(--usmg-border);
  transition: box-shadow .3s ease;
}

.usmg-global-header.is-scrolled{
  background: rgba(17,17,17,.97);
  box-shadow: 0 4px 30px rgba(0,0,0,.35);
  backdrop-filter: blur(12px);
}

.usmg-header-inner{
  max-width: var(--usmg-max);
  margin: 0 auto;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 14px;
}

.usmg-brand{
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: var(--usmg-text);
  min-width: 240px;
}
/*
.usmg-mark{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background:
    radial-gradient(120% 120% at 20% 20%, rgba(214,69,65,.85), rgba(214,69,65,.12)),
    linear-gradient(135deg, rgba(43,125,233,.35), rgba(255,255,255,.05));
  border: 1px solid var(--usmg-border);
  box-shadow: var(--usmg-shadow);
}
*/
.usmg-mark{
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background-color: rgba(255,255,255,.05);  
  background-image: url("https://assets.usmilitarygamers.com/static/sitelogos/2011_usmg_head_logo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  border: 1px solid var(--usmg-border);
}

.usmg-brand-text{ display:flex; flex-direction:column; line-height:1.05; }
.usmg-brand-name{ font-weight: 700; letter-spacing: .2px; }
.usmg-brand-sub{ font-size: .85rem; color: var(--usmg-muted); }

.usmg-nav{
  display: flex;
  gap: 10px;
  margin-left: auto;
}

.usmg-nav-link{
  text-decoration: none;
  color: var(--usmg-muted);
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid transparent;
}
.usmg-nav-link:hover{
  color: var(--usmg-text);
  background: var(--usmg-surface);
  border-color: var(--usmg-border);
}

.usmg-header-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.usmg-btn{
  border-radius: 12px;
  border: 1px solid var(--usmg-border);
  background: var(--usmg-surface);
  color: var(--usmg-text);
  padding: 8px 10px;
  cursor: pointer;
}
.usmg-btn:hover{ border-color: rgba(255,255,255,.22); }

.usmg-btn-ghost{
  background: transparent;
}

.usmg-burger{
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: 1px solid var(--usmg-border);
  background: transparent;
  display: none;
  cursor: pointer;
}
.usmg-burger span{
  display:block;
  height:2px;
  margin:6px 10px;
  background: var(--usmg-text);
  opacity:.85;
}

.usmg-nav-mobile{
  max-width: var(--usmg-max);
  margin: 0 auto 12px;
  padding: 0 16px 12px;
  display: grid;
  gap: 8px;
}
.usmg-nav-mobile a{
  color: var(--usmg-text);
  text-decoration:none;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--usmg-border);
  background: var(--usmg-surface);
}

@media (max-width: 860px){
  .usmg-nav{ display:none; }
  .usmg-burger{ display:block; }
}

/* Dropdowns */
.usmg-dd{
  position: relative;
  display: inline-flex;
  align-items: center;
}

.usmg-dd-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.usmg-caret{
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid var(--usmg-muted);
  transform: translateY(1px);
}

.usmg-dd-menu{
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 220px;
  padding: 10px;
  border-radius: 14px;
  border: 1px solid var(--usmg-border);
  background: rgba(17,17,17,.96);
  box-shadow: var(--usmg-shadow);
  backdrop-filter: blur(10px);
  display: none;
}

.usmg-dd-menu a{
  display: block;
  padding: 10px 10px;
  border-radius: 12px;
  text-decoration: none;
  color: var(--usmg-text);
  opacity: .92;
}

.usmg-dd-menu a:hover{
  background: var(--usmg-surface);
  border: 1px solid var(--usmg-border);
  padding: 9px 9px; /* keep height stable */
  opacity: 1;
}

.usmg-dd-sep{
  height: 1px;
  background: var(--usmg-border);
  margin: 8px 6px;
}

/* Open state */
.usmg-dd[data-open="true"] .usmg-dd-menu{ display: block; }
.usmg-dd[data-open="true"] .usmg-caret{ border-top-color: var(--usmg-text); }

/* Mobile drawer */
.usmg-drawer{
  border-top: 1px solid var(--usmg-border);
  background: rgba(17,17,17,.98);
  backdrop-filter: blur(10px);
}

.usmg-drawer-inner{
  max-width: var(--usmg-max);
  margin: 0 auto;
  padding: 12px 16px 16px;
  display: grid;
  gap: 10px;
}

.usmg-drawer-link, .usmg-drawer-dd > summary{
  display:block;
  color: var(--usmg-text);
  text-decoration:none;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--usmg-border);
  background: var(--usmg-surface);
  cursor: pointer;
}

.usmg-drawer-dd{
  border-radius: 12px;
}

.usmg-drawer-dd[open] > summary{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.usmg-drawer-dd a{
  display:block;
  padding: 10px 12px;
  text-decoration:none;
  color: var(--usmg-text);
  border-left: 1px solid var(--usmg-border);
  border-right: 1px solid var(--usmg-border);
  background: rgba(255,255,255,.04);
}
.usmg-drawer-dd a:last-child{
  border-bottom: 1px solid var(--usmg-border);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.usmg-drawer-sep{
  height: 1px;
  background: var(--usmg-border);
}

/* Make dropdowns not exist on mobile (drawer replaces them) */
@media (max-width: 860px){
  .usmg-dd{ display:none; }
}