/**
 * 用户资料页面修复样式
 * - 解决用户信息区域溢出问题
 * - 修复导航栏按钮溢出问题
 */

/* 用户信息区域容器 */
.user-info-container,
.user-profile-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
}

/* 用户基本信息 */
.user-basic-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin-bottom: 10px;
}

/* 用户注册时间 */
.user-registered {
  display: block;
  width: 100%;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  color: #666;
  margin-top: 4px;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .user-registered {
    font-size: 12px;
  }
  
  /* 压缩注册时间格式 */
  .user-registered-compact .user-registered {
    white-space: nowrap;
  }
}

/* 确保所有文本不溢出容器 */
.entry-meta {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 编辑资料和退出登录按钮区域 */
.user-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

/* 确保按钮不会导致溢出 */
.user-actions a,
.user-actions button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* 导航栏按钮修复 */
.header-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
}

/* 导航栏按钮样式优化 */
.header-actions a,
.header-actions button,
.header-actions .button {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 10px;
  font-size: 13px;
  min-width: 0;
  max-width: 100%;
}

/* 确保导航栏中的按钮文本不会被截断 */
.header-actions a span,
.header-actions button span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* 移动端导航栏按钮优化 */
@media (max-width: 768px) {
  .header-actions {
    gap: 3px;
  }
  
  .header-actions a,
  .header-actions button,
  .header-actions .button {
    padding: 4px 8px;
    font-size: 12px;
  }
  
  /* 管理按钮文本优化 */
  .header-actions a[href*="admin"],
  .header-actions a[href*="wp-admin"],
  .header-actions a.admin-link {
    max-width: 60px;
  }
}