/**
 * 消息中心图标位置调整
 * 
 * 将消息图标放置在搜索和夜间模式图标之间
 *
 * @package    Hui
 * @since      1.4.2
 */

/* 确保头部操作区使用 flexbox */
.xun-header-actions {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

/* 调整元素顺序 */
.xun-header-actions > * {
	order: 0; /* 默认顺序 */
}

/* 搜索按钮：order 10 */
#header-search-toggle {
	order: 10;
}

/* 消息图标：order 20（在搜索和夜间模式之间） */
.xun-header-actions .hui-messaging-icon {
	order: 20;
}

/* 夜间模式按钮：order 30 */
#theme-toggle {
	order: 30;
}

/* 登录/注册按钮：order 40 */
.xun-auth-buttons {
	order: 40;
}

/* 用户菜单：order 50 */
.xun-user-menu {
	order: 50;
}

/* 移动端菜单按钮：order 60 */
#mobile-menu-toggle {
	order: 60;
}

/* 其他通过钩子添加的按钮：保持默认 order 0，显示在最前面 */