/* Góc phải: khi có .topbar-actions (index) anchor nằm trong wrapper — không absolute ở đây */
.user-menu-anchor{
  position:absolute;
  z-index:25;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  max-width:min(280px,52vw);
}
.topbar-actions .user-menu-anchor{
  position:static;
  right:auto;
  top:auto;
  transform:none;
}

@media (max-width:980px){
  /* Cách mép cho burger; anchor trong .topbar-actions có position static nên right không ảnh hưởng */
  .user-menu-anchor{
    right:58px;
  }
  .topbar--no-burger .user-menu-anchor{
    right:14px;
  }
}

.user-menu-login{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 18px;
  border-radius:8px;
  border:1px solid #bda65a;
  background:linear-gradient(to bottom,#f8e8a7,#debe5a);
  color:#2f2208;
  font-family:"Cinzel",serif;
  font-size:18px;
  font-weight:800;
  letter-spacing:.7px;
  text-decoration:none;
  text-shadow:none;
  white-space:nowrap;
  cursor:pointer;
}
.user-menu-login:hover{
  filter:brightness(1.06);
}

.user-menu{
  position:relative;
  text-align:right;
}

.user-menu-trigger{
  display:inline-flex;
  align-items:center;
  gap:8px;
  max-width:100%;
  padding:8px 16px;
  border-radius:8px;
  border:1px solid #bda65a;
  background:linear-gradient(to bottom,#f8e8a7,#debe5a);
  color:#2f2208;
  font-family:"Cinzel",serif;
  font-size:18px;
  font-weight:700;
  letter-spacing:.5px;
  cursor:pointer;
  box-shadow:0 3px 8px rgba(0,0,0,.22);
}
.user-menu-trigger:hover{
  filter:brightness(1.05);
}

.user-menu-name{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:200px;
}

.user-menu-caret{
  flex-shrink:0;
  font-size:12px;
  line-height:1;
  opacity:.85;
}

.user-menu-dropdown{
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  min-width:200px;
  padding:8px 0;
  border-radius:8px;
  border:1px solid rgba(241,215,126,.55);
  background:linear-gradient(to bottom,rgba(30,45,95,.98),rgba(18,32,78,.98));
  box-shadow:0 12px 24px rgba(0,0,0,.45);
}

.user-menu-dropdown[hidden]{
  display:none !important;
}

.user-menu-item{
  display:block;
  width:100%;
  padding:12px 18px;
  border:none;
  background:transparent;
  color:#fff4d5;
  font-family:"Cinzel",serif;
  font-size:17px;
  font-weight:700;
  letter-spacing:.6px;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
}
.user-menu-item:hover,
.user-menu-item:focus-visible{
  background:rgba(255,255,255,.08);
  color:#f1d77e;
  outline:none;
}

.user-menu-logout{
  border-top:1px solid rgba(255,255,255,.12);
  margin-top:4px;
  padding-top:12px;
  color:#ffbfb8;
}
.user-menu-logout:hover,
.user-menu-logout:focus-visible{
  color:#ffb0a8;
}